HTML5-formulieren - Nieuwe gegevenstypen - Deel 2

In de vorige tutorial zijn we begonnen met de nieuwigheden van HTML5 in de verwerking van formuliergegevens. We zullen doorgaan met het uitleggen van enkele andere functionaliteiten waarmee we veel ontwikkeltijd kunnen besparen.
Het vereiste kenmerk:
Het vereiste of vereiste attribuut in een element wordt ingesteld op a en zorgt ervoor dat de gebruiker automatisch wordt gedwongen het veld in te vullen om door te gaan, dat wil zeggen dat de browser niet toestaat dat het formulier wordt verzonden zonder dat de invoer met dit attribuut leeg is.

 Naam: 

Het vereiste kenmerk werkt met de invoertypen: tekst, zoeken, url, tel, e-mail, wachtwoord, datumkiezers, nummer, selectievakje, radio en bestand.
Het kan worden gecombineerd met jquery.validate.js om responsberichten en uit te voeren gebeurtenissen te configureren. We kunnen een voorbeeld zien in het formulier Valideren met JQuery-tutorial
Een van de grootste problemen met HTML5 is dat niet alle elementen compatibel zijn met de huidige browsers, dus we moeten controleren welke compatibel zijn en welke niet voordat we onze ontwikkeling uitvoeren en niet verbaasd zijn dat wat we later willen gebruiken niet werkt .
Via de volgende link kunnen we de compatibiliteit van HTML5 met browsers controleren, we kunnen een volledige grafiek zien om te bepalen of wat we willen gebruiken of niet. Volgens het te gebruiken element of label:
Gegevensopslag of webopslag met HTML5
Met HTML5 kunnen webpagina's gegevens lokaal opslaan in de browser van de gebruiker.
Vroeger gebeurde dit met cookies. Webopslag is echter veiliger en sneller. De gegevens worden niet bij elk verzoek van de server meegenomen, maar worden alleen gebruikt wanneer daarom wordt gevraagd. Het is ook mogelijk om grote hoeveelheden gegevens op te slaan, zonder dat dit ten koste gaat van de prestaties van de webpagina.
Een van de grote voordelen van deze opslagmethode is dat het ons in staat stelt om beveiligde gegevens te hebben en dat het ons onder andere geweldige mogelijkheden biedt om te werken met pagina's en applicaties die offline werken, zonder internettoegang.
De gegevens worden opgeslagen in naam> waardeparen en een webpagina heeft alleen zelf toegang tot de opgeslagen gegevens.
In tegenstelling tot cookies is de opslaglimiet veel hoger, het werkt als een lokale database.
U kunt 2 soorten opslag hebben:

• Lokale opslag: De opgeslagen gegevens hebben geen vervaldatum, ze blijven voor onbepaalde tijd beschikbaar (het object localStorage wordt gebruikt)
• Sessie opslag: De opgeslagen gegevens zijn alleen beschikbaar tijdens de browsesessie, wanneer deze is gesloten, zal deze verdwijnen (het sessionStorage-object wordt gebruikt)

Eenvoudig voorbeeld van gegevensopslag

 Gegevensopslag Webopslag Het wordt lokaal opgeslagen:
Het wordt opgeslagen in een sessie:Opslaan Herstellen

Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven