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="#" onsubmit="return false"><p align=center> <input type=text class=nedotcene name=jmeno value="Vlož text" placeholder="Vlož text" onfocus="f(this,true)" onblur="f(this,false)"> </form>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.nedotcene { border: solid 3px gray; color: gray; } .bezezmeny { border: solid 3px red; color: gray; } .upravujese { border: solid 3px orange; color: black; } .zadane { border: solid 3px lightgreen; color: black; }
CSS
Autoformát
CSS reset
Až na konci
function f(a,b) { if (b) { if (a.value==a.defaultValue) { a.value=''; }; a.className='upravujese'; } else { if (a.value=='') { a.value=a.defaultValue; }; a.className=(a.value!=a.defaultValue)?'zadane':'bezezmeny'; } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>