Formulare în HTML5 - Noi tipuri de date - Partea 1

Una dintre problemele pe care le-am avut cu versiunea anterioară de HTML, adică 4, a fost validarea, deoarece a trebuit să folosim o altă tehnologie pentru validarea ei, bineînțeles cu Javascript am dat atingerea de care aveam nevoie pentru a da ceea ce lipsea acestor formulare. .
În HTML5, acest lucru a fost rezolvat, deoarece s-au făcut unele îmbunătățiri deosebite pentru propria validare, iar altele pentru manevrarea ușoară în sine, pentru a arăta mai atractiv.
În acest capitol, vom vedea un mic eșantion al noilor caracteristici ale formularelor în HTML5. Și vom înțelege că noile sale caracteristici sunt foarte importante pentru web-ul de astăzi.
Acum, rețineți că nu toate browserele acceptă aceste funcții noi și cele care arată rezultatele în felul lor, dar să începem:
Știm cu toții că eticheta specifică un câmp de intrare în care utilizatorul poate introduce date. Ei bine, în HTML5 vedem că are mai multe tipuri de intrare sau. Aceste noi caracteristici permit un control mai bun al intrării și validării.
Tipul de date
: specifică faptul că utilizatorul trebuie să umple câmpul cu text
: specifică faptul că utilizatorul trebuie să completeze câmpul cu un e-mail valid
: specifică faptul că utilizatorul trebuie să umple câmpul cu adresa URL
: specifică faptul că utilizatorul trebuie să umple câmpul cu o culoare
: specifică faptul că utilizatorul trebuie să completeze câmpul cu o dată
: specifică faptul că utilizatorul trebuie să umple câmpul cu una dintre luni
Câteva exemple de elemente HTML5
Atribute de validare
Atributele de validare permit ca o casetă de text sau o casetă de text să accepte un singur tip de date, cum ar fi cele menționate mai sus, iar HTML5 va confirma că datele sunt corecte, înainte ca acestea să fie făcute cu javascript sau jquery.
Un exemplu de validare a unui e-mail

 E-mail:

Atributul Keygen
Ori de câte ori folosim o parolă, am dori să o putem cripta pentru o mai mare securitate
Scopul elementului este de a oferi un mod sigur de autentificare a utilizatorilor.
Eticheta specifică un câmp generator cu două chei pe un formular.
Când formularul este trimis, sunt generate două chei, una privată și una publică.
Cheia privată este stocată local, iar cheia publică este trimisă la server. Cheia publică ar putea fi utilizată pentru a genera un certificat de client pentru autentificarea utilizatorului în viitor sau pentru a salva ca parolă într-o bază de date sau pentru a valida sesiunile.

 Parolă de utilizator: 

Atributul Autofocus
Focalizarea automată oferă o modalitate declarativă de a focaliza un control al formularului în timpul încărcării paginii. Anterior, un dezvoltator trebuia să scrie Javascript folosind control.focus (). Noua modalitate permite browserului să facă lucruri inteligente, cum ar fi să nu centreze controlul dacă utilizatorul tastează deja altul.

 Nume:
Nume:
E-mail:

V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv