✅ Obrasci u HTML5 - novi tipovi podataka

Sadržaj

Jedan od problema koji smo imali s prethodnom verzijom HTML -a, odnosno 4, bila je provjera valjanosti jer smo za njenu provjeru morali koristiti drugu tehnologiju, naravno s Javascriptom smo dali dodir koji nam je potreban kako bismo ovim oblicima dali ono što nedostaje .
U HTML5 to je riješeno budući da su napravljena neka velika poboljšanja za njegovu vlastitu provjeru valjanosti, a druga radi lakšeg rukovanja kako bi izgledala privlačnije.
U ovom ćemo poglavlju vidjeti mali uzorak novih značajki oblika u HTML5. Shvatit ćemo da su njegove nove značajke vrlo važne za današnji web.
Imajte na umu da svi preglednici ne podržavaju ove nove značajke i oni koji ipak pokazuju rezultate na svoj način, ali počnimo:
Svi znamo da oznaka navodi polje za unos u koje korisnik može unijeti podatke. Pa, u HTML5 vidimo da ima nekoliko vrsta unosa ili. Ove nove značajke omogućuju bolju kontrolu unosa i provjere valjanosti.
Vrsta podataka
: navodi da korisnik mora popuniti polje tekstom
: navodi da korisnik mora popuniti polje valjanom e -poštom
: navodi da korisnik mora popuniti polje s URL -om
: navodi da korisnik mora popuniti polje bojom
: navodi da korisnik mora popuniti polje datumom
: navodi da korisnik mora popuniti polje s jednim od mjeseci
Neki primjeri HTML5 elemenata
Atributi provjere valjanosti
Atributi provjere valjanosti omogućuju da tekstualni okvir ili tekstualni okvir prihvate jednu vrstu podataka, kao što su gore spomenuti, a HTML5 će potvrditi da su podaci točni, prije nego što je to trebalo učiniti pomoću javascripta ili jqueryja.
Primjer provjere valjanosti e -pošte

 E-mail:

Keygenov atribut
Kad god koristimo lozinku, željeli bismo je moći kriptirati radi veće sigurnosti
Svrha elementa je pružiti siguran način provjere autentičnosti korisnika.
Oznaka navodi polje za generiranje s dva ključa na obrascu.
Prilikom podnošenja obrasca generiraju se dva ključa, jedan privatni i jedan javni.
Privatni ključ sprema se lokalno, a javni ključ šalje se poslužitelju. Javni ključ mogao bi se koristiti za generiranje klijentskog certifikata za autentifikaciju korisnika u budućnosti ili za spremanje kao lozinku u bazu podataka ili za provjeru sesija.

 Korisnička lozinka:

Atribut Autofokus
Automatsko fokusiranje pruža deklarativni način fokusiranja kontrole obrasca tijekom učitavanja stranice. Ranije je programer trebao napisati Javascript koristeći control.focus (). Novi način omogućuje pregledniku da radi pametne stvari, poput da ne centrira kontrolu, ako korisnik već upisuje drugi.