1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
<form name="esempio"> <input type="text" name="nome" value="Il tuo nome..." style="color:grey;font-style:italic" onFocus="cambio()" onBlur="uscita()" /> </form> <script> var nuovo=true function cambio() { if(nuovo == true) { nuovo=false; document.esempio.nome.value="" document.esempio.nome.style="color:black;font-style:normal" } } function uscita() { if(document.esempio.nome.value == "") { nuovo=true document.esempio.nome.value="Il tuo nome..." document.esempio.nome.style="color:grey;font-style:italic" } } </script> |
La casella di testo reagisce agli eventi onFocus e onBlur: puoi invitare l’utente a inserire il suo nome e controllare se l’ha fatto
- onFocus, scompare il messaggio di richiesta
- onBlur, se la casella รจ vuota riappare il messaggio di richiesta.