Ta zapis bo pokrival naslednje teme:
- Kako onemogočiti polje za vnos besedila?
- Kako onemogočiti možnost Select Box?
- Kako onemogočiti element vnosa potrditvenega polja?
- Kako onemogočiti element vnosa gumba?
Predpogoj: ustvarite obrazec
Najprej ustvarite obrazec z uporabo kode HTML '
< oblika >< / oblika >
Nato dodajte » ' element in mu dodelite razred ' col-12 ”. Znotraj elementa
< fieldset razred = 'col-md-12' >
< legenda >Obrazec za prijavo študentov< / legenda >
< / fieldset >
Izhod
Kako onemogočiti polje za vnos besedila?
Za tekoči primer sledite podanim navodilom:
- Znotraj ' ” za elementom legende dodajte oznako in mu dodelite razred oblika-skupina ”.
- Nato vključite »
« in » ” za napis in vnosna polja. Vhodnemu elementu dodelite razred ' nadzor oblike ”. - Po tem dodelite ' onemogočeno ” za onemogočanje vnosnega polja:
< div razred = 'skupina obrazcev' >
< oznaka >Vnesite svoj Ime
< vnos vrsta = 'besedilo' razred = 'nadzor obrazca' onemogočeno>
< / oznaka >
< / div >Sledi razlaga zgoraj omenjenih razredov:
- “ oblika-skupina ” je prilagodljiv razred, ki ponuja najenostavnejši način za vključitev strukture v obrazce.
- “ nadzor oblike ” samodejno doda slog elementom obrazca.
Izhod
Dodajte drugo vnosno polje brez znaka » onemogočeno ” atribut:
< div razred = 'skupina obrazcev' >
< oznaka >Vstopite v svojega očeta Ime
< vnos vrsta = 'besedilo' razred = 'nadzor obrazca' >
< / oznaka >
< / div >Opazimo lahko, da je prvo vnosno polje onemogočeno, drugo pa omogočeno:
Kako onemogočiti možnost Select Box?
Če želite ustvariti izbirno polje v obrazcu, uporabite HTML '
” element. ' ” so nato dodani elementi za izbiro elementov polja. V tem primeru opazite, da je druga možnost nastavljena kot onemogočena z uporabo » onemogočeno ” atribut:
< div razred = 'skupina obrazcev' >
< oznaka > Onemogočeno Izberite polje
< izberite razred = 'nadzor obrazca' >
< možnost >izberi < / možnost >
< možnost onemogočeno> Onemogočeno izberite< / možnost >
< možnost >Meni< / možnost >
< / izberite >
< / oznaka >
< / div >Izhod
Kako onemogočiti element vnosa potrditvenega polja?
Naredimo še eno potrditveno polje za nadzor obrazca. Če želite, da potrditveno polje onemogočite, » onemogočeno ” je določen na naslednji način:
< div razred = 'preverjanje obrazca' >
< oznaka razred = 'obrazec-preveri-oznaka' >
< vnos razred = 'preverjanje obrazca-vnos' vrsta = 'potrditveno polje' onemogočeno>
Ti lahko ne preverjaj tega
Izhod
Kako onemogočiti element vnosa gumba?
Dodate lahko tudi element gumba HTML za oddajo obrazca. Zdaj pa onemogočimo ta gumb z uporabo ' onemogočeno ” razred:
< gumb vrsta = 'oddaj' razred = 'btn btn-primarni btn-lg onemogočen' >Pošlji< / gumb >Izhod
To je bilo vse o onemogočanju vnosnih polj v Bootstrapu.
Zaključek
V programu Bootstrap lahko kontrolnike obrazcev onemogočite z uporabo » onemogočeno ” atribut ali razred. Atribut je nameščen znotraj začetne oznake elementa. Po drugi strani pa ' onemogočeno « je umeščen znotraj » razred ” atribut. Ta članek ponuja primere, ki ponazarjajo, kako onemogočiti kontrolnike obrazcev v programu Bootstrap.
- Nato vključite »