disign.it | HTML5: form, nuovi tipi di campo | a digital sign for a best design!
A digital sign for a best design
xhtml - html5 1.965 visualizzazioni

HTML5: form, nuovi tipi di campo

18/06/2013

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>

 

← HTML5: i campi di tipo input HTML5: nuovi attributi per i campi di tipo input →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.