Skjemaer i HTML5 - Nye datatyper - Del 1

Et av problemene vi hadde med den forrige versjonen av HTML, det vil si 4, var validering siden vi måtte bruke en annen teknologi for validering, selvfølgelig ga vi med Javascript det vi trengte for å gi det som manglet til disse skjemaene .
I HTML5 har dette blitt løst siden noen store forbedringer ble gjort for sin egen validering og andre for at den enkle håndteringen i seg selv skulle se mer attraktiv ut.
I dette kapitlet kommer vi til å se et lite utvalg av de nye funksjonene i skjemaer i HTML5. Og vi vil forstå at de nye funksjonene er svært viktige for dagens web.
Husk nå at ikke alle nettlesere støtter disse nye funksjonene og de som viser resultatene på sin egen måte, men la oss komme i gang:
Vi vet alle at Etiketten angir et inndatafelt der brukeren kan legge inn data. Vel, i HTML5 ser vi at den har flere typer input eller. Disse nye funksjonene gir bedre input og valideringskontroll.
Type data
: angir at brukeren må fylle ut feltet med tekst
: angir at brukeren må fylle ut feltet med en gyldig e -postadresse
: angir at brukeren må fylle ut feltet med url
: angir at brukeren må fylle feltet med en farge
: angir at brukeren må fylle ut en dato med feltet
: angir at brukeren må fylle ut feltet med en av månedene
Noen eksempler på HTML5 -elementer
Valideringsattributter
Valideringsattributtene tillater å få en tekstboks eller tekstboks til å godta en enkelt type data, slik som de som er nevnt ovenfor, og HTML5 vil validere at dataene er riktige, før det måtte gjøres med javascript eller jquery.
Et eksempel på validering av en e -post

 E-post:

Keygen -attributtet
Når vi bruker et passord, vil vi gjerne kunne kryptere det for større sikkerhet
Formålet med elementet er å tilby en sikker måte å autentisere brukere på.
Etiketten angir et to-tasters generatorfelt på et skjema.
Når skjemaet sendes inn, genereres to nøkler, en privat og en offentlig.
Den private nøkkelen lagres lokalt, og den offentlige nøkkelen sendes til serveren. Den offentlige nøkkelen kan brukes til å generere et klientsertifikat for å autentisere brukeren i fremtiden eller lagre som et passord i en database eller for å validere økter.

 Bruker passord: 

Autofokus -attributtet
Autofokus gir en deklarativ måte å fokusere en skjemakontroll under lasting av sider. Tidligere måtte en utvikler skrive Javascript ved hjelp av control.focus (). Den nye måten lar nettleseren gjøre smarte ting som å ikke sentrere kontrollen hvis brukeren allerede skriver inn en annen.

 Navn:
Etternavn:
E-post:

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