Programmazione Web » Javascript » Personalizzare un campo di testo con l'evento onclick
Personalizzare un campo di testo con l'evento onclick
Difficoltà:
Scritto da Alberto Giuliani
Sito Web: http://www.agwebsolutions.it 
Questo tutorial è stato letto 1008 volte
In questo tutorial vedremo come personalizzare un form allo scatenarsi dell'evento onclick. Per questa lezione prenderemo come esempio un form di login, con due campi (username e password) e un pulsante di invio.
Ecco il codice:
<form action="">
<input type="text" value="username" onclick="this.value=''" />
<input type="password" value="password" onclick="this.value=''" />
<input type="submit" value="Invia" />
</form>
Si può notare nei tags dei due input l'attributo
onclick="this.value=''"
che fa si che al click del mouse sul campo, questo diventi vuoto.
Sicuramente si tratta di una soluzione elegante per realizzare dei moduli accessibili, in cui l'utente possa facilmente orientarsi, e allo stesso tempo, potrebbe essere un modo elegante per presentare un form di accesso ad un'area riservata.
Aggiungi questo tutorial ai preferiti
