HTML5, ievades elements - 2. daļa

Jau šīs apmācības pirmajā daļā mēs definējām atribūtus, ar kuriem mēs varam strādāt, un mēs redzējām, ka mums ir daži jauni HTML5 un citi, kas to nedara, tomēr, kad runa ir par stabilu lauku izveidi, kas mums palīdz vietnes būtiskajos procesos, tas ir tad, kad to kombinācija un katra no tiem pareiza izmantošana palīdzēs mums savākt vislabāko iespējamo veidu.
Lauka lieluma iestatīšana
Kā redzējām, mums ir divi atribūti, kas tieši ietekmē lauka lielumu Izmērs Y maksimālais garums, viens regulē lauka vizuālo amplitūdu, bet otrs - teksta daudzumu, ko lauks faktiski var saņemt.
Apskatīsim piemēru, izmantojot abus atribūtus:

 Piemērs
Yam:

Pilsēta:
Augļi:
Iesniegt balsojumu 

Šajā piemērā mēs redzam, kā tiek norādīts pirmais lauks a maksimālais garumsTikai ar to mēs sakām pārlūkprogrammai, ka tā var pieņemt tikai 10 rakstzīmes, tomēr tā var piešķirt noklusējuma platumu, otrajā laukā mēs norādām Izmērs Pateicoties tam, cik plašam tam vajadzētu būt, mēs neierobežojam teksta ievadi un trešajā mēs piemērojam abus nosacījumus, paskatīsimies, kā tas darbojas pārlūkprogrammā.

Vērtības un viettura izmantošana
Ņemot vērā atšķirību starp šiem diviem laukiem, šajā piemērā mēs efektīvi demonstrēsim, kā tos piemērot veidlapai, redzēsim, kā tos izmantot nākamajā kodā.

 Piemērs
Yam:
Pilsēta:
Augļi:
Iesniegt balsojumu 

Kā redzam pirmajos divos laukos, vietturis norāda palīdzību, kas lietotājam jāievada, šī vērtība, ko vietturis satur, nav ievades lauka vērtība, tādēļ, ja mēs iesniegsim šos laukus, tie tiks ievadīti tukši, nevis trešais lauks Vērtības atribūtā jau ir kaut kas, ja tas tiktu nodots, iesniedzot minēto veidlapu.
Redzēsim, kā pārlūks mums to parādīs

Izveidojiet tikai lasāmus laukus
Dažreiz mums ir jāstrādā ar tikai lasāmiem laukiem, vai nu tāpēc, ka lietotājs nedrīkst mainīt vērtību, vai arī tā ir tikai informatīva. Var gadīties arī, ka tas ir iepriekšējās lietotāja veiktās filtrēšanas rezultāts, un var redzēt tikai šo vērtību, tāpēc mums ir divas iespējas, kas, lai arī šķiet vienādas, ir pilnīgi atšķirīgas.
Mēs jau bijām redzējuši atribūtu tikai lasīt un mēs zinām, ka šo lauku nevar modificēt, mums ir arī atribūts invalīds, veic to pašu funkciju kā tikai lasīt, tomēr darot Iesniegt visi lauki invalīds tie netiek iesniegti, tāpēc šķiet, ka tas neeksistē formā.
Apskatīsim iepriekš minēto ar praktisku piemēru.

 Piemērs
Yam:

Pilsēta:
Augļi:
Iesniegt balsojumu 

Mēs redzam, ka pirmais lauks ir atspējots, bet otrais - tikai lasāms, kad pārlūkprogrammā tiek parādīts atspējotais, tas parādās pelēkā krāsā, kas parasti ir saistīta ar neiespējošanu, bet tikai lasāmā tiek uzskatīta par parastu lauku, lai gan, ja mēs mēģinām lai rakstītu ikvienam, neviens neļaus mums ievadīt tekstu.
Apskatīsim piemēru:

Pabeidzot šo apmācības otro daļu, mēs tagad varam uzlabot savas veidlapas, izmantojot teksta lieluma un daudzuma pamata apstiprinājumus, kā arī kontrolēt to, ko lietotājs var mainīt vai nē, papildus tam, ka var parādīt palīdzību laukos. lai viņam būtu ideja, ka jums vajadzētu vai nevajadzētu ienākt.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu