✅ Veidlapas HTML5 formātā - Jauni datu tipi - 1. daļa

Satura rādītājs

Viena no problēmām, kas mums radās ar iepriekšējo HTML versiju, proti, 4, bija validācija, jo tās validēšanai bija jāizmanto cita tehnoloģija, protams, izmantojot Javascript, mēs devām vajadzīgo pieskārienu, lai sniegtu šīm formām trūkstošo .
HTML5 tas ir atrisināts, jo daži lieli uzlabojumi tika veikti tā apstiprināšanai, bet citi - lai tā būtu viegli lietojama, lai tā izskatītos pievilcīgāka.
Šajā nodaļā mēs aplūkosim nelielu HTML5 veidlapu jauno funkciju paraugu. Un mēs sapratīsim, ka tās jaunās funkcijas ir ļoti svarīgas mūsdienu tīmeklim.
Paturiet prātā, ka ne visas pārlūkprogrammas atbalsta šīs jaunās funkcijas un tās, kuras parāda rezultātus savā veidā, bet sāksim:
Mēs visi zinām, ka etiķete norāda ievades lauku, kurā lietotājs var ievadīt datus. Nu, HTML5 mēs redzam, ka tajā ir vairāki ievades veidi vai. Šīs jaunās funkcijas nodrošina labāku ievades un validācijas kontroli.
Datu veids
: norāda, ka lietotājam ir jāaizpilda lauks ar tekstu
: norāda, ka lietotājam ir jāaizpilda lauks ar derīgu e -pastu
: norāda, ka lietotājam ir jāaizpilda lauks ar URL
: norāda, ka lietotājam ir jāaizpilda lauks ar krāsu
: norāda, ka lietotājam ir jāaizpilda lauks ar datumu
: norāda, ka lietotājam ir jāaizpilda lauks ar vienu no mēnešiem
Daži HTML5 elementu piemēri
Validācijas atribūti
Apstiprināšanas atribūti ļauj teksta lodziņam vai tekstlodziņam pieņemt viena veida datus, piemēram, iepriekš minētos, un HTML5 apstiprinās, ka dati ir pareizi, pirms tie bija jādara ar javascript vai jquery.
E -pasta validācijas piemērs

 E-pasts:

Keingena atribūts
Ikreiz, kad izmantojam paroli, mēs vēlamies to šifrēt, lai nodrošinātu lielāku drošību
Elementa mērķis ir nodrošināt drošu veidu, kā autentificēt lietotājus.
Etiķete veidlapā norāda divu taustiņu ģeneratora lauku.
Kad veidlapa ir iesniegta, tiek ģenerētas divas atslēgas - viena privāta un viena publiska.
Privātā atslēga tiek glabāta lokāli, un publiskā atslēga tiek nosūtīta uz serveri. Publisko atslēgu varētu izmantot, lai ģenerētu klienta sertifikātu, lai nākotnē autentificētu lietotāju vai saglabātu kā paroli datu bāzē vai apstiprinātu sesijas.

 Lietotāja parole:

Autofokusa atribūts
Autofokuss nodrošina deklaratīvu veidu, kā fokusēt veidlapas vadīklu lapas ielādes laikā. Iepriekš izstrādātājam bija jāraksta Javascript, izmantojot control.focus (). Jaunais veids ļauj pārlūkam veikt gudras darbības, piemēram, necentrēt vadību, ja lietotājs jau raksta citu.