Moduli HTML5 - Nuovi tipi di dati - Parte 2

Nel precedente tutorial abbiamo iniziato con le novità di HTML5 nella gestione dei dati dei form. Continueremo a spiegare alcune altre funzionalità che ci consentiranno di risparmiare molto tempo di sviluppo.
L'attributo richiesto:
L'attributo richiesto o richiesto in un elemento verrà impostato su a e obbliga automaticamente l'utente a compilare il campo per continuare, ovvero il browser non consentirà l'invio del modulo senza che l'input con questo attributo sia vuoto.

 Nome: 

L'attributo richiesto funziona con i tipi di input: testo, ricerca, url, tel, e-mail, password, selezione data, numero, casella di controllo, radio e file.
Può essere combinato con jquery.validate.js per poter configurare messaggi di risposta ed eventi da eseguire. Possiamo vedere un esempio nel modulo Validate with Jquery tutorial
Uno dei maggiori problemi con HTML5 è che non tutti gli elementi sono compatibili con i browser attuali, quindi dobbiamo verificare quali sono compatibili e quali no prima di fare il nostro sviluppo e non sorprenderci che ciò che vogliamo usare in seguito non funzioni .
Dal seguente link possiamo verificare la compatibilità di HTML5 con i browser, possiamo vedere un grafico completo per determinare se quello che vogliamo usare funziona o meno. In base all'elemento o all'etichetta da utilizzare
Archiviazione dati o archiviazione web con HTML5
Con HTML5 le pagine web possono memorizzare i dati localmente nel browser dell'utente.
Prima, questo veniva fatto con i cookie. Tuttavia, l'archiviazione Web è più sicura e veloce. I dati non sono inclusi con ogni richiesta dal server, ma vengono utilizzati solo quando richiesto. È anche possibile memorizzare grandi quantità di dati, senza influire sulle prestazioni della pagina web.
Uno dei grandi vantaggi di questo metodo di archiviazione è che ci permette di avere dati sicuri e, tra le altre cose, ci dà grandi possibilità di lavorare con pagine e applicazioni che funzionano offline, senza accesso a Internet.
I dati vengono archiviati in coppie nome> valore e una pagina Web può accedere ai dati archiviati solo da sola.
A differenza dei cookie, il limite di archiviazione è molto più alto, funziona come un database locale.
Puoi avere 2 tipi di archiviazione

• Memoria locale: I dati archiviati non hanno una data di scadenza, rimarranno disponibili a tempo indeterminato (viene utilizzato l'oggetto localStorage)
• Archiviazione della sessione: I dati memorizzati saranno disponibili solo durante la sessione di navigazione, alla sua chiusura scompariranno (viene utilizzato l'oggetto sessionStorage)

Semplice esempio di archiviazione dei dati

 Archiviazione dati Archiviazione Web Verranno salvati in locale:
Verrà salvato in una sessione:Salva Recupera

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