Le form - HTML5 con CSS e JavaScript - page 55

datetime-locale : per inserire data e ora locali del browser.
Non ci soffermeremo oltre su questo aspetto, poiché attualmente il relativo supporto è mol-
to limitato. Occorre notare che Chrome si aspetta sempre una data nel formato YYYY-MM-
DD e questo è un problema per gli altri browser. Un approccio che spiega come risolvere il
problema, grazie a Modernizr (introdotto nel capitolo 1 ) e un po' di JavaScript, è disponi-
bile su http://aspit.co/aod .
Un campo specifico per la ricerca
Esiste la possibilità di impostare l'attributo type su search , per supportare al meglio
le ricerche. In realtà, si tratta di una feature attualmente implementata solo da WebKit
(l'engine su cui sono basati Chrome e Safari), che aggiunge un pulsante per resettare il con-
tenuto della ricerca rapidamente.
Più realisticamente, questa funzionalità potrebbe essere utile per dare maggiore signi-
ficato semantico alla pagina perché, quanto meno a livello funzionale, attualmente nessun
browser si contraddistingue per un uso particolare.
Altri elementi
Ci sono alcuni nuovi tag che aggiungono il supporto a funzionalità interessanti ma che, co-
me per altri casi che abbiamo analizzato finora, non sono supportati da tutti i browser e sui
quali non ci soffermeremo troppo.
In particolare, occorre menzionare il tag progress , che consente di inserire nativa-
mente una progress bar, come possiamo vedere nell'esempio 3.8 .
Esempio 3.8
<progress value="25" max="100">25%</progress>
Il risultato è visibile nella figura 3.8 .
Figura 3.8 - Il tag progress consente di visualizzare facilmente una progress bar
all'interno della pagina.