Denne skrivelse vil dække følgende emner:
- Hvordan deaktiverer man tekstindtastningsfelt?
- Hvordan deaktiverer man den valgte boks?
- Hvordan deaktiverer man afkrydsningsfeltinputelement?
- Hvordan deaktiverer man knapindgangselement?
Forudsætning: Opret en formular
Først skal du oprette en formular ved at bruge HTML ' ' element:
< form >< / form >
Tilføj derefter en '
< feltsæt klasse = 'col-md-12' >
< legende >Studentregistreringsformular< / legende >
< / feltsæt >
Produktion
Hvordan deaktiverer man tekstindtastningsfelt?
For det igangværende eksempel, følg de givne instruktioner:
- Inde i '
'-element, efter forklaringselementet, tilføje et -tag og tildele det en klasse ' form-gruppe ”.- Inkluder derefter ' ' og ' ”-elementer for henholdsvis billedtekst- og inputfelterne. Tildel input-elementet en klasse ' form-kontrol ”.
- Derefter tildeles ' handicappet ” attribut for at gøre indtastningsfeltet deaktiveret:
< div klasse = 'form-gruppe' >
< etiket > Indtast din Navn
< input type = 'tekst' klasse = 'form-kontrol' deaktiveret>
< / etiket >
< / div >Følgende er forklaringen af klasserne nævnt ovenfor:
- “ form-gruppe ” er en fleksibel klasse, der giver den enkleste måde at inkludere struktur i formularer.
- “ form-kontrol ” tilføjer automatisk styling til formularelementerne.
Produktion
Tilføj endnu et inputfelt uden ' handicappet ' attribut:
< div klasse = 'form-gruppe' >
< etiket >Gå ind i din Fader Navn
< input type = 'tekst' klasse = 'form-kontrol' >
< / etiket >
< / div >Det kan ses, at det første inputfelt er deaktiveret, og det andet er aktiveret:
Hvordan deaktiverer man valg af boks?
For at oprette en markeringsboks i formularen skal du bruge HTML '
' element. Det ' ”-elementer tilføjes derefter for at vælge bokselementer. I dette eksempel skal du bemærke, at den anden mulighed er indstillet som deaktiveret ved hjælp af ' handicappet ' attribut:
< div klasse = 'form-gruppe' >
< etiket > handicappet Vælg Boks
< Vælg klasse = 'form-kontrol' >
< mulighed >vælg < / mulighed >
< mulighed deaktiveret> handicappet vælg< / mulighed >
< mulighed >Menu< / mulighed >
< / Vælg >
< / etiket >
< / div >Produktion
Hvordan deaktiverer man afkrydsningsfeltinputelement?
Lad os lave endnu et afkrydsningsfelt til formularkontrol. For at gøre afkrydsningsfeltet deaktiveret skal ' handicappet ” attribut angives som følger:
< div klasse = 'form-tjek' >
< etiket klasse = 'form-check-label' >
< input klasse = 'formular-check-input' type = 'afkrydsningsfelt' deaktiveret>
Du kan ikke tjekke dette
Produktion
Hvordan deaktiverer man knapindgangselement?
Du kan også tilføje et HTML-knapelement til formularindsendelsen. Lad os nu gøre denne knap deaktiveret ved at bruge ' handicappet ' klasse:
< knap type = 'Indsend' klasse = ' btn btn-primær btn-lg deaktiveret' >Send< / knap >Produktion
Det handlede om at gøre inputfelterne deaktiverede i Bootstrap.
Konklusion
I Bootstrap kan formularkontrollerne gøres deaktiverede ved hjælp af ' handicappet ” attribut eller klasse. Attributten placeres inde i elementets starttag. På den anden side er ' handicappet '-klassen er placeret inden for ' klasse ' attribut. Denne artikel har givet eksempler til at illustrere, hvordan du deaktiverer formularkontrolelementerne i Bootstrap.