Ovaj tekst pokriva sljedeće teme:
- Kako onemogućiti polje za unos teksta?
- Kako onemogućiti opciju Select Box?
- Kako onemogućiti element unosa potvrdnog okvira?
- Kako onemogućiti element unosa gumba?
Preduvjet: Izradite obrazac
Najprije izradite obrazac koristeći HTML '
< oblik >< / oblik >
Zatim dodajte '
< set polja razreda = 'col-md-12' >
< legenda >Obrazac za prijavu studenata< / legenda >
< / set polja >
Izlaz
Kako onemogućiti polje za unos teksta?
Za primjer koji je u tijeku, slijedite dane upute:
- Unutar '
”, nakon elementa legende dodajte oznaku i dodijelite mu klasu “ oblik-skupina ”.- Zatim uključite '
' i ' ” elementi za naslov i polja za unos. Dodijelite ulaznom elementu klasu ' kontrola oblika ”. - Nakon toga dodijelite ' onemogućeno ” za onemogućavanje polja za unos:
< div razreda = 'grupa-forma' >
< označiti >Unesite svoje Ime
< ulazni tip = 'tekst' razreda = 'kontrola obrasca' onemogućen>
< / označiti >
< / div >Slijedi objašnjenje gore navedenih klasa:
- “ oblik-skupina ” je fleksibilna klasa koja pruža najjednostavniji način uključivanja strukture u obrasce.
- “ kontrola oblika ” automatski dodaje stil elementima obrasca.
Izlaz
Dodajte još jedno polje za unos bez ' onemogućeno ” atribut:
< div razreda = 'grupa-forma' >
< označiti >Uđi Oče tvoj Ime
< ulazni tip = 'tekst' razreda = 'kontrola obrasca' >
< / označiti >
< / div >Može se uočiti da je prvo polje za unos onemogućeno, a drugo omogućeno:
Kako onemogućiti opciju Select Box?
Da biste stvorili okvir za odabir u obrascu, upotrijebite HTML '
” element. ' ” elementi se zatim dodaju za odabir stavki okvira. U ovom primjeru primijetite da je druga opcija postavljena kao onemogućena pomoću ' onemogućeno ” atribut:
< div razreda = 'grupa obrazaca' >
< označiti > Onemogućeno Odaberite okvir
< Odaberi razreda = 'kontrola obrasca' >
< opcija >odaberi < / opcija >
< opcija onemogućen> Onemogućeno odaberite< / opcija >
< opcija >Izbornik< / opcija >
< / Odaberi >
< / označiti >
< / div >Izlaz
Kako onemogućiti element unosa potvrdnog okvira?
Postavimo još jedan potvrdni okvir za kontrolu obrasca. Da biste onemogućili potvrdni okvir, ' onemogućeno ” naveden je na sljedeći način:
< div razreda = 'provjera obrasca' >
< označiti razreda = 'obrazac-provjera-oznaka' >
< ulazni razreda = 'provjera-unosa obrasca' tip = 'potvrdni okvir' onemogućen>
Možeš ne provjeravaj ovo
Izlaz
Kako onemogućiti element unosa gumba?
Također možete dodati element HTML gumba za podnošenje obrasca. Sada onemogućimo ovaj gumb pomoću ' onemogućeno ” klasa:
< dugme tip = 'podnijeti' razreda = 'btn btn-primarni btn-lg onemogućen' >Pošalji< / dugme >Izlaz
To je bilo sve o onemogućavanju polja za unos u Bootstrapu.
Zaključak
U Bootstrapu se kontrole obrasca mogu onemogućiti pomoću ' onemogućeno ” atribut ili klasa. Atribut se nalazi unutar početne oznake elementa. S druge strane, „ onemogućeno ' klasa je smještena unutar ' razreda ” atribut. Ovaj članak nudi primjere koji ilustriraju kako onemogućiti kontrole obrazaca u Bootstrapu.
- Zatim uključite '