Oblikovanje vnosnega polja

Koda:	<script type="text/javascript"> function barva(zadaj,pisava) { document.forms.obrazec.vnos.style.background=zadaj document.forms.obrazec.vnos.style.color=pisava } </script> <form id="obrazec"> <p>Napiši sporoČilo:<br /> <input type="text" onkeydown="barva('red','yellow')" onkeyup="barva('green','white')" onblur="barva('white','black')" id="vnos" value="" /> </p> </form>
Izgled v brskalniku:	Napiši sporočilo:
Razlaga:	Kadar je žarišče postavljeneno na vnosno polje, se lahko kliče funkcija dveh parametrov `barva(zadaj,pisava)`. Ob pritisku katerekoli tipke na tipkovnici, se pošljeta spremenljivki napisani v oklepaju (pozneje določeni `zadaj, pisava`) funkciji `barva`. Funkcija spremeni slogovne njegove lastnosti vnosnega polja. Element se poišče v `dokumentu`, med obrazci `forms` poišče tistega z `id"="obrazec`, nato se element poišče z njegovim atributom id. Po spustu tipke se funkcija ponovno kliče, le da sta parametra drugačna in se za klicanje uporabi dogodek `onkeyup` in ne `onkeydown` kakor pri pritisku.