Hvordan deaktivere bootstrap -knapper

Knappene er de klikkbare komponentene i ethvert program. De kan utføre forskjellige funksjoner, for eksempel å generere hendelser, sende inn skjemaer og utføre enhver handling. Imidlertid er det flere stater av knapper, som aktiv og lasting, som brukes i henhold til situasjonen. Mer spesifikt, “funksjonshemmet”Attributt eller klasse brukes også til å gjøre dem ikke-klikkbare eller ubrukelige.

Dette innlegget vil illustrere hvordan du deaktiverer knapper i Bootstrap.

Hvordan deaktivere knapper i bootstrap?

HTML “”Element kan brukes til å lage knapper i HTML. Deretter er det relevant “funksjonshemmet”Attributt kan gjøre knappen deaktivert.

Eksempel

I HTML, legg til to knappemerker tilknyttet "klasse”Attributt og spesifiser følgende klasser:

• “btn”Klasse brukes til å legge til generelle stiler til knappene.
• “btn-lg”Klasse oppretter en stor knapp.
• “BTN-suksess”Oppretter en klasse med en grønn farge.
• “PX-4”Klasse definerer polstringen i x-aksen i klassen:

knapp
knapp

Det kan observeres at vi har deaktivert den andre knappen på websiden vår:

Hvordan deaktivere knapper som er opprettet med i Bootstrap?

Knappene som er opprettet med “”Tag er spesifisert med klassen”funksjonshemmet”. Spesielt "funksjonshemmet”Attributt fungerer ikke på det.

Eksempel

I dette eksemplet "href”Attributt i“”Tag brukes til å legge til en lenke til knappen. Verdien "#”Er tildelt, som representerer en dummy lenke. “klasse”Attributt er spesifisert med klassene som forklart i eksemplet ovenfor:

Klikk her
Klikk her

Produksjon

Hvordan deaktivere knapper som er opprettet med In Bootstrap?

Knappelementene som er opprettet med “”Tagger kan gjøres deaktivert ved å bruke“funksjonshemmet" Egenskap.

Eksempel

I HTML -filen legger du til følgende koder for å opprette knapper. Legg til "”Element med attributtet“type”,“klasse”, Og“verdi", hvor:

• “type”Attributt spesifiserer typen element.
• “verdi”Attributt angir teksten på knappene.
• “funksjonshemmet”Attributt er spesifisert i den første knappen for å gjøre en forskjell i begge knappene:

Produksjon

Dette handler om å deaktivere knapper i bootstrap.

Konklusjon

For å deaktivere knappene i Bootstrap, oppretter du først en knapp ved hjelp av "btn”Klasse. Deretter spesifiser "funksjonshemmet”Attributt i startkoden til knappelementet for å representere dem som ubrukelige. Imidlertid fungerer ikke denne attributtet på knappene som er opprettet med "”Tag, så de tildeles Bootstrap“ Disabled ”-klassen. Denne artikkelen har illustrert prosedyren for å deaktivere knapper i Bootstrap.