Comment désactiver les boutons bootstrap

Les boutons sont les composants cliquables dans n'importe quelle application. Ils peuvent remplir différentes fonctions, telles que la génération d'événements, la soumission de formulaires et l'exécution de n'importe quelle action. Cependant, il existe plusieurs états de boutons, comme actifs et le chargement, qui sont utilisés en fonction de la situation. Plus précisément, le «désactivé»L'attribut ou la classe est également utilisé pour les rendre inédites ou inutilisables.

Ce message illustrera comment désactiver les boutons dans bootstrap.

Comment désactiver les boutons en bootstrap?

Le HTML "»L'élément peut être utilisé pour créer des boutons en HTML. Ensuite, c'est pertinent «désactivé»L'attribut peut rendre le bouton désactivé.

Exemple

Dans HTML, ajoutez deux balises de bouton associées au «classe»Attribut et spécifiez les classes suivantes:

• Le "btn"La classe est utilisée pour ajouter des styles généraux aux boutons.
• Le "btn-lg"La classe crée un gros bouton.
• Le "succès du BTN»Crée une classe avec une couleur verte.
• Le "PX-4”La classe définit le rembourrage dans l'axe des x dans la classe:

bouton
bouton

On peut observer que nous avons réussi à désactiver le deuxième bouton de notre page Web:

Comment désactiver les boutons créés avec Bootstrap?

Les boutons créés avec le «"TAG est spécifié avec la classe"désactivé". Notamment, le «désactivé»L'attribut ne fonctionne pas dessus.

Exemple

Dans cet exemple, le «href«Attribut dans le«»La balise est utilisée pour ajouter un lien au bouton. La valeur "#”Est ​​attribué, qui représente un lien factice. Le "classe»L'attribut est spécifié avec les classes comme expliqué dans l'exemple ci-dessus:

Cliquez ici
Cliquez ici

Sortir

Comment désactiver les boutons créés avec le bootstrap en?

Les éléments de bouton créés avec le ««Les balises peuvent être rendues désactivées en utilisant le«désactivé" attribut.

Exemple

Dans le fichier HTML, ajoutez les codes suivants pour créer des boutons. Ajouter ""Élément avec l'attribut"taper","classe", et "valeur", où:

• Le "taper»L'attribut spécifie le type d'élément.
• Le "valeur»L'attribut définit le texte sur les boutons.
• Le "désactivé«L'attribut est spécifié dans le premier bouton pour faire une différence dans les deux boutons:

Sortir

Il s'agit de boutons de désactivation dans bootstrap.

Conclusion

Pour désactiver les boutons en bootstrap, créez d'abord un bouton à l'aide du "btn" classe. Ensuite, spécifiez le «désactivé»Attribut dans la balise de démarrage de l'élément bouton pour les représenter comme inutilisable. Cependant, cet attribut ne fonctionne pas sur les boutons créés avec le ««Tag, donc ils se voient attribuer la classe Bootstrap« Désable ». Cet article a illustré la procédure pour désactiver les boutons en bootstrap.