See kirjutis käsitleb järgmisi teemasid:
- Kuidas tekstisisestusvälja keelata?
- Kuidas keelata kasti valik?
- Kuidas keelata märkeruudu sisestuselement?
- Kuidas nupu sisendi elementi keelata?
Eeltingimus: vormi koostamine
Esiteks looge vorm, kasutades HTML-i '
< vormi >< / vormi >
Seejärel lisage '
< väljakomplekt klass = 'col-md-12' >
< legend >Õpilaste registreerimisvorm< / legend >
< / väljakomplekt >
Väljund
Kuidas tekstisisestusvälja keelata?
Käimasoleva näite puhul järgige antud juhiseid:
- Sees '
” element, lisage legendi elemendi järele märgend ja määrake sellele klass ' vorm-rühm ”.- Seejärel lisage '
” ja „ ” elemendid vastavalt pealkirja ja sisestusvälja jaoks. Määrake sisendelemendile klass ' vormikontroll ”. - Pärast seda eraldage ' puudega ” atribuut sisestusvälja keelamiseks:
< div klass = 'vorm-rühm' >
< silt >Sisestage oma Nimi
< sisend tüüp = 'tekst' klass = 'vormikontroll' keelatud>
< / silt >
< / div >Ülalmainitud klasside selgitus on järgmine:
- “ vorm-rühm ” on paindlik klass, mis pakub lihtsaimat viisi struktuuri vormidesse kaasamiseks.
- “ vormikontroll ” lisab vormielementidele automaatselt stiili.
Väljund
Lisage veel üks sisestusväli ilma ' puudega ” atribuut:
< div klass = 'vorm-rühm' >
< silt >Sisestage oma isa Nimi
< sisend tüüp = 'tekst' klass = 'vormikontroll' >
< / silt >
< / div >Võib täheldada, et esimene sisestusväli on keelatud ja teine on lubatud:
Kuidas kasti valikut keelata?
Vormis valikukasti loomiseks kasutage HTML-i '
” element. ' ” elemendid lisatakse seejärel kasti üksuste valimiseks. Selles näites pange tähele, et teine valik on keelatud, kasutades ' puudega ” atribuut:
< div klass = 'vorm-rühm' >
< silt > Keelatud Valige kast
< vali klass = 'vormikontroll' >
< valik >vali < / valik >
< valik keelatud> Keelatud vali< / valik >
< valik >Menüü< / valik >
< / vali >
< / silt >
< / div >Väljund
Kuidas keelata märkeruudu sisestuselement?
Teeme teise vormijuhtimise märkeruudu. Märkeruudu keelamiseks valige ' puudega ” atribuut on määratud järgmiselt:
< div klass = 'vormikontroll' >
< silt klass = 'vorm-check-label' >
< sisend klass = 'vorm-kontroll-sisend' tüüp = 'märkeruut' keelatud>
Sa saad ära kontrolli seda
Väljund
Kuidas nupu sisendi elementi keelata?
Vormi esitamiseks saate lisada ka HTML-nupu elemendi. Nüüd lülitame selle nupu välja, kasutades ' puudega ” klass:
< nuppu tüüp = 'Esita' klass = 'btn btn-primary btn-lg keelatud' >Esita< / nuppu >Väljund
See kõik puudutas sisendväljade keelamist Bootstrapis.
Järeldus
Bootstrapis saab vormi juhtelemendid keelata, kasutades ' puudega ” atribuut või klass. Atribuut asetatakse elemendi algussildi sisse. Teisest küljest ' puudega klass on paigutatud kategooriasse klass ” atribuut. Selles artiklis on toodud näited, mis illustreerivad, kuidas Bootstrapis vormi juhtelemente keelata.
- Seejärel lisage '