Le novità per i form in HTML5
Pagina 1 di 5
I nuovi elementi per i form previsti da HTML5 sono indicativi degli obiettivi della nuova versione del linguaggio: creare, con il semplice markup, soluzioni più funzionali (oggi realizzabili solo mediante linguaggi di scripting) al fine di venire incontro alle mutate esigenze dell'utenza di Internet.
Grazie ai nuovi elementi per i moduli sarà possibile relaizzare, in modo molto semplice (cioè mediante tag ed attributi appositi), funzionalità complesse come calendari e input dal valore "vincolato&qiuot; come URL o indirizzi email.
In quest'articolo vedremo, attraverso numerosi esempi, òle novità introdotte da HTML5 nella realizzazione dei web-form.
Ancora una volta ritengo opportuno ricordare al lettore che non tutti i browser offrono il supporto al nuovo markup (HTML5 non è ancora uno standard, ma un linguaggio in fase di sviluppo) per tanto, al fine di una corretta visualizzazione degli esempi proposti, suggerisco di utilizzare browser già predisposti come, ad esempio, Opera.
Nuovi oggetti ed estensioni
Le novità principali per i Form riguardano l'impiego di oggetti dedicati (nuovi tag) e di estensioni.
L'utilizzo delle estensioni consente di effettuare, attraverso il classico tag input, la validazione automatica dei dati e/o di espanderne le potenzialità per creare tool complessi come, ad esempio, dei calendari.
Come antipasto vi propongo subito un esempio: sostituiamo il semplice campo testuale (<input type="text"/>) con qualcosa di piu specifico: un campo URL. Vediamo il codice:
<form> URL: <input name="url" type="url" value="http://www.mrwebmaster.it" required> </form>Apparentemente non si nota alcuna differenza nella visualizzazione, ma ad un occhio attento saltano immediatamente all'occhio le novità rispetto al classico markup di HTML4:
- Il tipo specifico ("url")
La specifica del tipo di dato atteso risulta utile al linguaggio per analizzare il contenuto col parser adatto ed accorgersi della presenza di eventuali errori; - la keyword "required"
Anche questa è una novità di HTML5 che, come lascia intendere, impone la compilazione del campo come obbligatoria (ma ci torneremo più avanti).
Prima di addentrarci nelle novità di HTML5 credo sia opportuno un breve ripasso sui controlli per i moduli offerti da HTML4.
