HTML5 -formularer - Nye datatyper - Del 2

Indholdsfortegnelse

I den foregående vejledning startede vi med nyhederne i HTML5 i håndteringen af ​​formulardata. Vi vil fortsætte med at forklare nogle andre funktionaliteter, der giver os mulighed for at spare en masse udviklingstid.
Den nødvendige attribut:
Den påkrævede eller påkrævede attribut i et element sættes til a, og får automatisk brugeren til at udfylde feltet for at fortsætte, det vil sige, at browseren ikke tillader formularen at blive sendt, uden at input med denne attribut er tomt.
 Navn: 

Den påkrævede attribut fungerer med inputtyperne: tekst, søgning, url, tlf, e -mail, adgangskode, datovælger, nummer, afkrydsningsfelt, radio og fil.
Det kan kombineres med jquery.validate.js for at kunne konfigurere svarmeddelelser og hændelser, der skal udføres. Vi kan se et eksempel i Valider formularen med Jquery tutorial
Et af de største problemer med HTML5 er, at ikke alle elementerne er kompatible med nuværende browsere, så vi skal kontrollere, hvilke der er kompatible, og hvilke der ikke er, før vi laver vores udvikling og ikke blive overrasket over, at det vi vil bruge senere ikke virker .
Fra det følgende link kan vi kontrollere kompatibiliteten mellem HTML5 og browsere, vi kan se en komplet graf for at afgøre, om det, vi vil bruge, virker eller ej. I henhold til elementet eller etiketten, der skal bruges
Datalagring eller webopbevaring med HTML5
Med HTML5 kan websider gemme data lokalt i brugerens browser.
Før blev dette gjort med cookies. Weblagring er dog mere sikker og hurtigere. Dataene er ikke inkluderet i hver anmodning fra serveren, men bruges kun, når der anmodes om det. Det er også muligt at gemme store mængder data, uden at det påvirker websidens ydeevne.
En af de store fordele ved denne lagringsmetode er, at den giver os mulighed for at have sikre data, og blandt andet giver den os store muligheder for at arbejde med sider og applikationer, der arbejder offline, uden internetadgang.
Dataene gemmes i navn> værdipar, og en webside kan kun få adgang til de lagrede data alene.
I modsætning til cookies er lagergrænsen meget højere, den fungerer som en lokal database.
Du kan have 2 typer opbevaring
  • Lokal opbevaring: De gemte data har ikke en udløbsdato, de forbliver tilgængelige på ubestemt tid (localStorage -objektet bruges)
  • Session Storage: De gemte data vil kun være tilgængelige under browsersessionen, når de lukkes, forsvinder de (sessionStorage -objektet bruges)
Enkelt eksempel på datalagring
 Datalagring Weblagring Det gemmes lokalt:
Det gemmes i en session:Gem Gendan
Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt

Du vil bidrage til udviklingen af ​​hjemmesiden, at dele siden med dine venner

wave wave wave wave wave