HTML5, įvesties elementas - 2 dalis

Jau pirmoje šios pamokos dalyje mes apibrėžėme atributus, su kuriais galime dirbti, ir pamatėme, kad turime keletą naujų HTML5 ir kiti, kurie to nedaro, tačiau kai reikia kurti tvirtus laukus, kurie padeda mums atlikti esminius svetainės procesus, būtent šių dalykų derinys ir tinkamas kiekvieno iš jų naudojimas padės mums surinkti geriausius įmanomus būdus.
Lauko dydžio nustatymas
Kaip matėme, turime du požymius, kurie tiesiogiai veikia lauko dydį dydžio Y Didžiausias ilgis, vienas reguliuoja regimąją lauko amplitudę, o kitas - teksto, kurį laukas iš tikrųjų gali priimti, kiekį.
Pažvelkime į pavyzdį, kuriame naudojami abu atributai:

 Pavyzdys
Yam:

Miestas:
Vaisiai:
Pateikti balsavimą 

Šiame pavyzdyje matome, kaip nurodomas pirmasis laukas a Didžiausias ilgisTik tai mes pasakome naršyklei, kad ji gali priimti tik 10 simbolių, tačiau ji gali priskirti numatytąjį plotį, antrame lauke nurodome dydžio Kalbėdami apie tai, koks platus jis turėtų būti, tačiau neribojame teksto įvesties, o trečioje taikome abi sąlygas, pažiūrėkime, kaip tai veikia naršyklėje.

Vertės ir vietos ženklo naudojimas
Pamatę skirtumą tarp šių dviejų laukų, šiame pavyzdyje mes veiksmingai parodysime, kaip juos pritaikyti formai, pažiūrėkime, kaip juos naudoti šiame kode.

 Pavyzdys
Yam:
Miestas:
Vaisiai:
Pateikti balsavimą 

Kaip matome pirmuosiuose dviejuose laukuose, vietos rezervavimo ženklas nurodo, ką vartotojas turi įvesti, ši reikšmė, kurią turi vietos rezervavimo ženklas, nėra įvesties lauko vertė, todėl jei pateiksime šiuos laukus, jie bus pateikti tušti, o ne trečias laukas Į atributą value jau yra kažkas įdėta, jei jis būtų perduotas pateikiant minėtą formą.
Pažiūrėkime, kaip naršyklė mums tai parodys

Sukurkite tik skaitomus laukus
Kartais turime dirbti su tik skaitomais laukais, nes vartotojas neturėtų keisti vertės arba ji yra tik informacinė. Taip pat gali atsitikti taip, kad tai yra ankstesnio naudotojo filtravimo rezultatas ir galima pamatyti tik šią vertę, todėl turime dvi parinktis, kurios, nors ir atrodo vienodos, yra visiškai skirtingos.
Mes jau matėme atributą Tik skaitymui ir mes žinome, kad taip negalima keisti lauko, taip pat turime atributą neįgalus, atlieka tą pačią funkciją kaip Tik skaitymui, tačiau darant Pateikti Visi laukai neįgalus jie nepateikiami, todėl to formos tarsi nėra.
Pažiūrėkime, kas išdėstyta aukščiau, pateikiant praktinį pavyzdį.

 Pavyzdys
Yam:

Miestas:
Vaisiai:
Pateikti balsavimą 

Matome, kad pirmasis laukas yra išjungtas, o antrasis - tik skaitomiems norėdami rašyti kam nors, niekas neleis mums įvesti teksto.
Pažiūrėkime, kaip yra pavyzdys:

Baigę šią antrąją pamokos dalį, dabar galime patobulinti savo formas, naudodami pagrindinius teksto dydžio ir kiekio patvirtinimus, taip pat valdydami, ką vartotojas gali keisti ar ne, be to, kad galėsime rodyti pagalbą laukuose. kad jis turėtų idėją, kad jūs turėtumėte ar neturėtumėte įeiti.Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką