Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Kontrola formuláře s puntíkem</title> <form name=modal> <input class="input" type="text" name="name" value="" onKeyUp="kontrola()"> <i id=nameok></i> </form>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
form i { display: inline-block; vertical-align: middle; width: 1em; height: 1em; border-radius: .5em; margin: 0 1ex; background: red; } form i.ok { background: green; }
CSS
Autoformát
CSS reset
Až na konci
function kontrola() { var jako = (document.modal.name.value === "") ? false : true; document.getElementById('nameok').className = (jako) ? 'ok' : ''; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>