HTML5: form, nuovi tipi di campo

Come esaminato ieri in Html5 sono state introdotte numerosissime novità utili a snellire, migliorare e controllare l'oggetto modulo (form).

Dopo aver visto i campi di tipo input nel post precedente html5 nuovi attributi per i campi di tipo input, esaminiamo oggi i nuovi tipi di campi introdotti, ovvero, datalist, keygen, output, mantenendo sempre l'ossrvazione che purtroppo allo stato dell'arte i browser supportano le nuove caratteristiche in maniera molto incompleta. Per vederne le effettive potenzialità si consiglia l'utilizzo di Opera o Safari, in alternativa Chrome e man mano con molte non interpretazioni gli altri browser..

Datalist:

<input list="paesi">

<datalist id="paesi">
<option value="Italia">
<option value="Spagna">
<option value="Francia">
<option value="Gran Bretagna">
<option value="Irlanda">
</datalist>



Keygen:

Vengono generate due chiavi, una privata memorizzata localmente e una pubblica inviata via modulo

Encryption: <keygen name="security">

Output:

Esegue un calcolo mostrandone il risultato in un terzo campo

<form on_input="res.value=parseInt(a.value)+parseInt(b.value)">0
<input type="range" min="1" max="100" id="a" value="50">(valore iniziale 50) +
<input type="number" id="b" value="">=
<output name="res" for="a b"></output>
</form>