Bootstrap deaktivert tekstinngangsfelt

I bootstrap brukes forskjellige klasser for å lage en form effektivt. Disse klassene gir mange stylingegenskaper til elementene, som inkluderer "formkontroll”,“formgruppe”,“Form-sjekk-merkelapp", og mange flere. Mer spesifikt er skjemainngangsfeltene tekstinngangsfelt som brukes til å samle informasjon fra brukere. Vi kan imidlertid deaktivere inngangsfeltet ved å bruke "funksjonshemmet”Klasse eller attributt.

Denne oppskrivningen vil dekke følgende emner:

• Hvordan deaktivere tekstfeltet for tekst?
• Hvordan du deaktiverer alternativet Velg boks?
• Hvordan deaktivere inngangselementet for avkrysningsruten?
• Hvordan de deaktiverer knappinngangselementet?

Forutsetning: Lag et skjema

Først må du lage et skjema ved å bruke HTML “”Element:

Deretter legger du til en "”Element og tilordne det en klasse”col-12”. Innenfor elementet spesifiser skjemabildeteksten:

Studenters registreringsskjema

Produksjon

Hvordan deaktivere tekstfeltet for tekst?

Følg de gitte instruksjonene for det pågående eksemplet:

• Inne i "”Element, etter legendelementet, legger du til en tag og tildel den en klasse“formgruppe”.
• Inkluder da “”Og“”Elementer for henholdsvis bildeteksten og inngangsfeltene. Tilordne inngangselementet en klasse “formkontroll”.
• Etter det, tildel "funksjonshemmet”Attributt for å gjøre inngangsfeltet deaktivert:

Skriv inn navnet ditt

Følgende er forklaringen på klassene nevnt ovenfor:

• “formgruppe”Er en fleksibel klasse som gir den enkleste måten å inkludere struktur i former.
• “formkontroll”Legger automatisk styling til formelementene.

Produksjon

Legg til et annet inngangsfelt uten "funksjonshemmet" Egenskap:

Skriv inn faren din

Det kan observeres at det første inngangsfeltet er deaktivert og det andre er aktivert:

Hvordan de deaktiverer alternativet velger boks?

For å lage en valgt boks i skjemaet, bruk HTML “”Element. “”Elementer blir deretter lagt til for å velge bokselementer.

I dette eksemplet, legg merke til at det andre alternativet er satt som deaktivert ved å bruke "funksjonshemmet" Egenskap:

Deaktivert velgboks

plukke ut
Deaktivert velg
Meny

Produksjon

Hvordan deaktivere inngangselementet for avkrysningsruten?

La oss lage en annen skjema kontroll avkrysningsruten. For å gjøre avkrysningsruten deaktivert, "funksjonshemmet”Attributt er spesifisert som følger:

Du kan ikke sjekke dette

Produksjon

Hvordan de deaktiverer knappinngangselementet?

Du kan også legge til et HTML -knappelement for skjemainnlevering. La oss nå gjøre denne knappen deaktivert ved å bruke "funksjonshemmet”Klasse:

Sende inn

Produksjon

Det handlet om å gjøre inngangsfeltene deaktivert i Bootstrap.

Konklusjon

I bootstrap kan skjemakontrollene gjøres deaktivert ved bruk av "funksjonshemmet”Attributt eller klasse. Attributtet er plassert inne i startkoden til elementet. På den annen side "funksjonshemmet”Klasse er plassert i“klasse" Egenskap. Denne artikkelen har gitt eksempler for å illustrere hvordan du deaktiverer skjemakontrollene i Bootstrap.