Formularer i HTML5 - Nye datatyper - Del 1

Et af de problemer, vi havde med den tidligere version af HTML, det vil sige 4, var valideringen, da vi var nødt til at bruge en anden teknologi til dens validering, naturligvis med Javascript gav vi den berøring, vi havde brug for for at give det, der manglede til disse formularer .
I HTML5 er dette blevet løst, siden der blev foretaget nogle store forbedringer for sin egen validering og andre for dens lette håndtering i sig selv for at se mere attraktiv ud.
I dette kapitel vil vi se en lille prøve af de nye funktioner i formularer i HTML5. Og vi vil forstå, at dens nye funktioner er meget vigtige for dagens web.
Husk nu, at ikke alle browsere understøtter disse nye funktioner og dem, der viser resultaterne på deres egen måde, men lad os komme i gang:
Vi ved alle, at etiketten angiver et inputfelt, hvor brugeren kan indtaste data. Nå, i HTML5 ser vi, at den har flere typer input eller. Disse nye funktioner giver mulighed for bedre input- og valideringskontrol.
Datatype
: angiver, at brugeren skal udfylde feltet med tekst
: angiver, at brugeren skal udfylde feltet med en gyldig e -mail
: angiver, at brugeren skal udfylde feltet med url
: angiver, at brugeren skal udfylde feltet med en farve
: angiver, at brugeren skal udfylde feltet med en dato
: angiver, at brugeren skal udfylde feltet med en af ​​månederne
Nogle eksempler på HTML5 -elementer
Valideringsattributter
Valideringsattributterne gør det muligt at få en tekstboks eller tekstboks til at acceptere en enkelt datatype som dem, der er nævnt ovenfor, og HTML5 vil validere, at dataene er korrekte, før det skulle udføres med javascript eller jquery.
Et eksempel på validering af en e -mail

 E-mail:

Keygen -attributten
Når vi bruger en adgangskode, vil vi gerne kunne kryptere den for større sikkerhed
Formålet med elementet er at give en sikker måde at godkende brugere på.
Etiketten angiver et to-nøgles generatorfelt på en formular.
Når formularen indsendes, genereres to nøgler, en privat og en offentlig.
Den private nøgle gemmes lokalt, og den offentlige nøgle sendes til serveren. Den offentlige nøgle kan bruges til at generere et klientcertifikat til at godkende brugeren i fremtiden eller til at gemme som et kodeord i en database eller til at validere sessioner.

 Brugeradgangskode: 

Autofokus -attributten
Autofokus giver en erklærende måde at fokusere på en formularkontrol under indlæsning af sider. Tidligere havde en udvikler behov for at skrive Javascript ved hjælp af control.focus (). Den nye måde giver browseren mulighed for at gøre smarte ting som f.eks. Ikke at centrere kontrollen, hvis brugeren allerede skriver en anden.

 Navn:
Efternavn:
E-mail:

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