Moduli in HTML5 - Nuovi tipi di dati - Parte 1

Uno dei problemi che abbiamo avuto con la versione precedente di HTML, vale a dire 4, è stata la convalida poiché abbiamo dovuto utilizzare un'altra tecnologia per la sua convalida, ovviamente con Javascript abbiamo dato il tocco che ci serviva per dare ciò che mancava a questi moduli .
In HTML5 questo è stato risolto poiché sono stati apportati alcuni grandi miglioramenti per la sua stessa convalida e altri per la sua facile gestione in sé per sembrare più attraente.
In questo capitolo vedremo un piccolo esempio delle nuove funzionalità dei form in HTML5. E capiremo che le sue nuove funzionalità sono molto importanti per il web di oggi.
Ora, tieni presente che non tutti i browser supportano queste nuove funzionalità e quelli che mostrano i risultati a modo loro, ma iniziamo:
Sappiamo tutti che L'etichetta specifica un campo di input in cui l'utente può inserire i dati. Bene, in HTML5 vediamo che ha diversi tipi di input o. Queste nuove funzionalità consentono un migliore controllo dell'input e della convalida.
Tipo di dati
: specifica che l'utente deve riempire il campo con il testo
: specifica che l'utente deve compilare il campo con una email valida
: specifica che l'utente deve riempire il campo con url
: specifica che l'utente deve riempire il campo con un colore
: specifica che l'utente deve compilare il campo con una data
: specifica che l'utente deve compilare il campo con uno dei mesi
Alcuni esempi di elementi HTML5
Attributi di convalida
Gli attributi di convalida consentono di fare in modo che una casella di testo o una casella di testo accetti un singolo tipo di dati come quelli menzionati sopra e HTML5 convaliderà che i dati sono corretti, prima che fosse necessario farlo con javascript o jquery.
Un esempio di convalida di un'e-mail

 E-mail:

L'attributo Keygen
Ogni volta che usiamo una password vorremmo essere in grado di crittografarla per una maggiore sicurezza
Lo scopo dell'elemento è fornire un modo sicuro per autenticare gli utenti.
L'etichetta specifica un campo generatore di due chiavi su un modulo.
Quando il modulo viene inviato, vengono generate due chiavi, una privata e una pubblica.
La chiave privata viene archiviata localmente e la chiave pubblica viene inviata al server. La chiave pubblica potrebbe essere utilizzata per generare un certificato client per autenticare l'utente in futuro o per salvare come password in un database o per convalidare sessioni.

 Password utente: 

L'attributo Autofocus
La messa a fuoco automatica fornisce un modo dichiarativo per mettere a fuoco un controllo del modulo durante il caricamento della pagina. In precedenza, uno sviluppatore doveva scrivere Javascript utilizzando control.focus(). Il nuovo modo consente al browser di fare cose intelligenti come non centrare il controllo se l'utente sta già digitando un altro.

 Nome:
Cognome:
E-mail:

Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo