elementi del modulo HTML5

I nuovi elementi del form HTML5

I seguenti nuovi elementi di form HTML5:

• <Datalist>
• <Keygen>
• <Uscita>

Nota: non tutti i browser supportano i nuovi elementi del form HTML5, ma si possono usare, anche se il browser non supporta proprietà del modulo può ancora apparire come elementi di forma regolare.

HTML5 <datalist> elemento

<Datalist> elemento specifica un elenco di opzioni di campo di ingresso.

<Datalist> attributo specifica il campo di modulo o di input dovrebbe avere completamento automatico. Quando gli utenti iniziano a digitare nel campo di completamento automatico, il browser deve visualizzare le opzioni per compilare questo campo:

Usa <input> elemento di una lista di attributi e <DataList> elemento vincolante.

Esempi

<Input> elemento utilizza i <> datalist valori predefiniti:

<Input Lista browser = ""> <Datalist id = "browser"> <Opzione value = "Internet Explorer"> <Opzione value = "Firefox"> <Opzione value = "Chrome"> <Opzione value = "Opera"> <Opzione value = "Safari"> </ Datalist>

Prova »

HTML5 <keygen> elemento

Ruolo <keygen> elemento è di fornire un metodo affidabile per autenticare un utente.

tag <Keygen> viene utilizzato per formare un campo generatore di coppia di chiavi predeterminato.

Al momento della presentazione di un modulo, genera due chiavi, una privata, una pubblica.

Chiave privata (chiave privata) viene memorizzato nel client, la chiave pubblica (chiave pubblica) sono stati inviati al server. La chiave pubblica può essere utilizzata per autenticare l'utente dopo che il certificato client (certificato client).

Esempi

Con modulo campo keygen:

<Form action = "demo_keygen.asp" method = "get"> Nome utente: <input type = "text" name = "usr_name"> Codifica: <keygen name = "sicurezza"> <Input type = "submit"> </ Form>

Prova »

HTML5 <output> elemento

<Uscita> elemento viene utilizzato per diversi tipi di output, ad esempio calcoli o di uscita script:

Esempi

I risultati vengono visualizzati nell'elemento <output>:

<Form oninput = "x.Value = parseInt (a.value ) + parseInt (b.value)"> 0 <input type = "range" id = "a" value = "50"> 100 + <input type = "numero" id = "b" value = "50"> = < uscita name = "x" per = "ab"> </ uscita> </ Form>

Prova »

HTML5 Nuovo elementi del modulo