HTML and CSS Reference
In-Depth Information
</datalist>
</label>
La
figura 3.10
contiene il risultato.
Figura 3.10
- L'uso del datalist consente di migliorare l'usabilità dei campi, aiutando
l'utente durante l'inserimento. Da sinistra a destra: IE, Chrome e FireFox.
Come si può notare, il risultato finale del rendering varia in funzione del browser. Questo
approccio è indicato per liste non molto lunghe, poiché i dati devono essere renderizzati
subito lato client.
Una variante sui temi precedenti è rappresentata dal focus automatico su un elemento. An-
che in questo caso, è possibile arrivare allo stesso risultato con JavaScript, che resta la
via da preferire quando vogliamo supportare anche browser non aggiornati a HTML5. In
tutti gli altri casi, per dare automaticamente il focus a un elemento, basterà aggiungere
l'attributo
autofocus
.
La nostra panoramica sugli elementi disponibili nelle form è quasi completata. Il prossimo
e ultimo argomento è molto gettonato tra gli sviluppatori: vedremo come gestire la valida-
zione delle form con HTML5.
La convalida (o validazione) dei dati delle form rappresenta uno degli aspetti più noiosi per
uno sviluppatore, ma ugualmente centrale per l'usabilità di una pagina. Dare un feedback
visuale all'utente, relativo allo stato dei dati inseriti nella pagina, infatti, lo aiuta a riempire
correttamente i dati, migliorandone la sensazione d'uso.
Senza queste specifiche (che, lo ripetiamo ancora una volta, non sono definitive al mo-
mento di andare in stampa), è necessario sviluppare codice client-side in JavaScript, che
effettui le operazioni di convalida. Peraltro, sia questa nuova modalità sia quella con codi-
