HTML5 mette a disposizione degli sviluppatori moltissime utilità per favorire la creazione di applicazioni molto user friendly, e in questo articolo saranno illustrate due delle funzionalità che più apprezzo quando mi trovo davanti ad una maschera di login o ad un modulo (o form) HTML preparati con cura: autofocus e placeholder.
Autofocus
Quante volte capita di trovarsi in una pagina di un sito dove è presente un solo FORM da editare e bisogna anche cliccare sul campo di testo?
Che noia!
Perchè chi ha creato il FORM non ha dato il focus al primo campo di input?
Per risolvere questo fastidioso problema, HTML5 mette a disposizione dello sviluppatore l'attributo autofocus: basterà usarlo con il campo desiderato per posizionarvi il cursore al caricamento della pagina.
Di seguito un esempio:
<!- <input type="text" autofocus> -->
Placeholder
Anche in questo caso si tratta di un attributo da utilizzare con un campo di un FORM HTML.
L'attributo placeholder permette allo sviluppatore di specificare un messaggio segnaposto sul campo di testo, che verrà mostrato all'utente dopo il caricamento della pagina richiesta.
E' molto utile soprattutto in FORM dove sono richiesti molti dati in input, come per esempio questionari da compilare.
Di seguito un esempio:
<!--
<input type="text" name="cf"
placeholder="digita il tuo codice fiscale in minuscolo" size="20">
-->
Molto spesso piccoli dettagli fanno la differenza.
Alla prossima,
MA.
