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
<form action=""> <p> <label>Malá písmena:<br> <input type="text" pattern="[a-z]*" required oninput='kontrola(this, "Zadejte pouze malá písmena")'> </label> </p> <button>Odeslat</button> </form>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
input:invalid { color: red; } input:valid { color: green; }
CSS
Autoformát
CSS reset
Až na konci
function kontrola(el, hlaska) { if (el.validity.patternMismatch) { el.setCustomValidity(hlaska); } else { el.setCustomValidity(''); } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>