Turinys
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:
PavyzdysYam:
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.
Pamatę skirtumą tarp šių dviejų laukų, šiame pavyzdyje mes veiksmingai parodysime, kaip juos pritaikyti formai, pažiūrėkime, kaip juos naudoti šiame kode.
PavyzdysYam:
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
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į.
PavyzdysYam:
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:
