Veidlapa ir HTML elements, jo tā ļauj mums ievadīt datus un tāpēc arī mijiedarboties ar tīmekli un tā datu bāzi, kas no drošības viedokļa prasa kontroli, jo no veidlapas mēs varam nosūtīt failus uz serveri, lai apstrādātu pasūtījumu vai maksājumu, atlasot dažādus veidlapas elementus un vadīklas, kuru pēc tam apstrādās JavaScript notikums vai kāda cita tīmekļa programmēšanas valoda.
Daudzas reizes izstrādātājiem jāizmanto dažādas bibliotēkas, lai varētu izpildīt uzdevumus formās, lai kontrolētu notikumus, un dažos gadījumos mums ir jāizmanto dažas nevēlamas koda metodes, lai nosūtītu datus, kontrolētu ievadīto, izvairītos no koda ievadīšanas vai XSS uzbrukumiem.
Ja mēs vēlamies veikt visas šīs kontroles un notikumus, mēs varam atrast lielu skaitu javascript failu, kas ievērojami palielina tīmekļa svaru kb, un palēnina lapas darbību. Tas ir arī nedrošs, jo, ja kāds atspējo Javascript lietošanu, visas vadīklas pārstās darboties.
Elementi formas un atribūti HTML5 nodrošina lielāku kontroles un semantiskās atzīmes pakāpi nekā tā iepriekšējā versija, ir pievienoti atribūti un rekvizīti, kas novērš nepieciešamību veikt vadību ārēji, izmantojot skriptus. Veidlapu funkcijas HTML5 nodrošina labāku vadību un nav atkarīgas no tā, vai jūsu pārlūkprogrammā ir iespējots vai atspējots Javascript.
HTML5 veidlapas atribūti - vietturis
Ar palīdzību viettura īpašums Mēs varam norādīt reģistrējamo datu veida piemēru, tas ļauj mums sniegt informāciju lietotājam, lai tas kalpotu kā ceļvedis. Šis teksts, ko mēs norādām vadīklā, pazudīs pēc tam, kad lietotājs būs ievadījis rakstzīmi.
Viettura atribūtu var izmantot tikai tekstlodziņos vai teksta zonās.
Raksti ar regulārām izteiksmēm formās
Modeļa atribūts ļauj mums definēt mūsu noteikumus, lai apstiprinātu lietotāja ievadītos datus, izmantojot regulārās izteiksmes. Regulāra izteiksme ir rakstzīmju secība, kas nosaka datu modeli, piemēram, modelis [a-z] norāda, ka lietotājs var ievadīt tikai mazos burtus vai modelis [0-9] norāda, ka var ievadīt tikai ciparus.
HTML5 ļauj izmantot modeļus, tādēļ, ja ievadītās rakstzīmes neatbilst automātiski definētajam modelim, tas radīs kļūdu.
Mēs gatavojamies definējiet dažus noteikumus ar modeļiem un stila lapām mainīt apmales krāsu, ja notiek nederīgs notikums, tas ir, lietotāja ievadītais neatbilst noteiktā paraugā definētajam.
Mēs izveidojam failu Example01.html un ierakstām šādu kodu:
Modeļi ar regulārajām izteiksmēm
Lietotājs
Atslēga:
E-pasts:
Datums
Cena
Ja mēs nosūtīsim veidlapu, tā apstiprinās katru lauku attiecībā uz noteikto modeli un, ja tas netiks izpildīts, tiks parādīts ziņojums, ko mēs definējam virsraksta tagā, kā arī tiks izmantoti noteikumā definētie stili un CSS rekvizīti klasē, ko izmanto HTML5.
Piemēram, mēs ievadām nepareizu e -pastu:
Mēs arī ievadām nepareizu datumu un redzam, ka tas neļauj nosūtīt veidlapu. Ja mēs vēlamies uzlabot vai pievienot vizuālu efektu, mēs varam izmantot CSS, lai vadīklai, kurā rodas kļūme, pievienotu fona ikonu. Piemēram, mēs pievienojam šādus css stilus tiem, kas mums jau bija, mēs mainām ievadi uz ievadi [type = 'text'], lai stila lapas ietekmētu tikai tekstlodziņus, nevis pogu.
Mēs izmantojam šādas ikonas:
Blakus katrai vadīklai mēs pievienojam nepieciešamo rekvizītu, piemēram:
Izpildot piemēru, mēs redzam, ka, nosūtot veidlapu ar tukšiem laukiem, tie mums parādīs obligātos un derīgos laukus.
Modeļu priekšrocība ir tā, ka mēs neizmantojam JQuery vai cita veida validāciju, un, ja šī opcija ir deaktivizēta pārlūkprogrammā, mūsu noteiktie ierobežojumi un noteikumi turpinās darboties. Tas nenozīmē, ka, iesniedzot veidlapu, mēs, apstrādājot datus, izvairāmies no kontroles, vai saglabāt datu bāzē, vai nosūtīt tos pa pastu vai veikt kādu darbību.
Veidlapa ar vairākiem iesniegumiem
Kaut kas bija sarežģīti jādara nosūtiet to pašu veidlapu uz divām dažādām lapāmPieņemsim, ka viena pieteikšanās veidlapa, noklikšķinot uz pogas, nonāks dažādās lapās, kurās mainās vaicājumi un informācijas process. Tas tiek darīts, definējot veidošanas īpašums, kur darbībai pēc noklusējuma norādām citu apstrādes iespēju.
Veidlapa ar vairākiem iesniegumiem
Lietotājs:
Atslēga:
Nav šaubu, ka mijiedarbība ar šāda veida īpašībām un atribūtiem ievērojami atvieglo vietņu attīstību, neizmantojot ārējas bibliotēkas un sarežģītus javascript kodus.
Kā dizaineri un izstrādātāji mēs parasti atklājam, ka skriptam ir noteikta monotonija, lai strukturētu html un apstiprinātu, jo īpaši, lai uzrakstītu validācijas noteikumus un pēc tam parādītu lietotājam kļūmes gadījumā. HTML 5 ievieš šos jaunos atribūtus, ievades veidus un citus elementus, lai mums būtu jāraksta mazāk koda un vairāk jākoncentrējas uz semantiku, nevis uz sintaksi.
Šie noteikumi darbojas visās pārlūkprogrammās neatkarīgi no operētājsistēmas, un mums nav jāizmanto citas bibliotēkas vai uzlaušanas, lai pielāgotos dažādām sistēmām vai ierīcēm. Mēs esam redzējuši vairākus veidlapas atribūtus, kas palīdz uzlabot lietotāju pieredzi un ietaupīt izstrādes laiku. Ir daži atribūti, kas vēl nedarbojas visās pārlūkprogrammās.
