Formos HTML5 formatu. Nauji duomenų tipai. 1 dalis

Viena iš problemų, su kuria susidūrėme su ankstesne HTML versija, t. .
HTML5 tai buvo išspręsta, nes buvo atlikti keli puikūs patobulinimai, kad būtų patvirtintas pats, o kiti - kad būtų lengviau valdyti, kad atrodytų patraukliau.
Šiame skyriuje pamatysime nedidelį naujų HTML5 formų funkcijų pavyzdį. Ir mes suprasime, kad jos naujos funkcijos yra labai svarbios šiandieniniam žiniatinkliui.
Dabar atminkite, kad ne visos naršyklės palaiko šias naujas funkcijas ir tos, kurios rezultatus rodo savaip, tačiau pradėkime:
Visi žinome, kad etiketėje nurodomas įvesties laukas, kuriame vartotojas gali įvesti duomenis. Na, HTML5 matome, kad jis turi kelių tipų įvestį arba. Šios naujos funkcijos leidžia geriau valdyti įvestį ir patvirtinimą.
Duomenų tipas
: nurodo, kad vartotojas turi užpildyti lauką tekstu
: nurodo, kad vartotojas turi užpildyti lauką galiojančiu el
: nurodo, kad vartotojas turi užpildyti lauką URL
: nurodo, kad vartotojas turi užpildyti lauką spalva
: nurodo, kad vartotojas turi užpildyti lauką data
: nurodo, kad vartotojas turi užpildyti lauką vienu iš mėnesių
Keletas HTML5 elementų pavyzdžių
Patvirtinimo atributai
Patvirtinimo atributai leidžia priversti teksto laukelį ar teksto laukelį priimti vieno tipo duomenis, pvz., Aukščiau paminėtus, o HTML5 patvirtins, kad duomenys yra teisingi, prieš tai reikia atlikti naudojant „javascript“ arba „jquery“.
El. Laiško patvirtinimo pavyzdys

 El. Paštas:

Keygeno atributas
Kai naudojame slaptažodį, norime jį užšifruoti, kad būtų užtikrintas didesnis saugumas
Elemento tikslas yra suteikti saugų būdą, kaip autentifikuoti vartotojus.
Etiketėje nurodomas dviejų raktų generatoriaus laukas formoje.
Pateikus formą, sugeneruojami du raktai, vienas privatus ir vienas viešas.
Privatus raktas saugomas vietoje, o viešasis raktas siunčiamas į serverį. Viešasis raktas gali būti naudojamas kliento sertifikatui sugeneruoti, kad ateityje autentifikuotų vartotoją arba išsaugotų kaip slaptažodį duomenų bazėje arba patvirtintų seansus.

 Vartotojo slaptažodis: 

Automatinio fokusavimo atributas
Automatinis fokusavimas yra deklaratyvus būdas sutelkti formos valdiklį įkeliant puslapį. Anksčiau kūrėjui reikėjo parašyti „Javascript“ naudojant control.focus (). Naujas būdas leidžia naršyklei atlikti protingus dalykus, pavyzdžiui, necentruoti valdymo, jei vartotojas jau rašo kitą.

 Vardas:
Pavardė:
El. Paštas:

Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką