HTML5 -skjemaer - Nye datatyper - Del 2

I den forrige opplæringen startet vi med nyhetene til HTML5 i håndtering av skjemadata. Vi vil fortsette å forklare noen andre funksjoner som vil tillate oss å spare mye utviklingstid.
Det nødvendige attributtet:
Det nødvendige eller nødvendige attributtet i et element vil bli satt til a, og gjør at brukeren automatisk blir tvunget til å fylle ut feltet for å fortsette, det vil si at nettleseren ikke lar skjemaet sendes uten at inputen med dette attributtet er tom.

 Navn: 

Det nødvendige attributtet fungerer med inndatatypene: tekst, søk, url, tlf, e -post, passord, datovelgere, nummer, avmerkingsboks, radio og fil.
Den kan kombineres med jquery.validate.js for å kunne konfigurere svarmeldinger og hendelser som skal utføres. Vi kan se et eksempel i Validate -skjemaet med Jquery -opplæringen
Et av de største problemene med HTML5 er at ikke alle elementene er kompatible med nåværende nettlesere, så vi må sjekke hvilke som er kompatible og hvilke som ikke er det før vi gjør vår utvikling og ikke bli overrasket over at det vi vil bruke senere ikke fungerer .
Fra den følgende lenken kan vi kontrollere kompatibiliteten til HTML5 med nettlesere, vi kan se en komplett graf for å avgjøre om det vi vil bruke fungerer eller ikke. I henhold til elementet eller etiketten som skal brukes
Datalagring eller nettlagring med HTML5
Med HTML5 kan nettsider lagre data lokalt i brukerens nettleser.
Før ble dette gjort med informasjonskapsler. Nettlagring er imidlertid sikrere og raskere. Dataene er ikke inkludert i hver forespørsel fra serveren, men brukes bare når du blir bedt om det. Det er også mulig å lagre store datamengder, uten å påvirke ytelsen til nettsiden.
En av de store fordelene med denne lagringsmetoden er at den lar oss ha sikre data, og blant annet gir den oss store muligheter til å jobbe med sider og applikasjoner som fungerer offline, uten internettilgang.
Dataene lagres i navn> verdipar, og en webside kan bare få tilgang til de lagrede dataene alene.
I motsetning til informasjonskapsler er lagringsgrensen mye høyere, den fungerer som en lokal database.
Du kan ha to typer lagring

• Lokal lagring: De lagrede dataene har ingen utløpsdato, de vil forbli tilgjengelige på ubestemt tid (localStorage -objektet brukes)
• Lagring av økter: De lagrede dataene vil bare være tilgjengelige under nettlesingsøkten, når de lukkes, vil de forsvinne (sessionStorage -objektet brukes)

Enkelt eksempel på datalagring

 Datalagring Nettlagring Det lagres lokalt:
Den blir lagret i en økt:Lagre Gjenopprett

Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng