Bouton Désactiver CSS

Lors de la conception d'une page Web ou d'un site Web dynamique, vous souhaiterez peut-être désactiver n'importe quelle fonctionnalité en restreignant ou en permettant à l'utilisateur d'y accéder. Par exemple, le bouton ou tout champ de texte est désactivé en fonction de l'exigence. Les langues frontales sont utilisées à cet effet. Cela comprend à la fois les balises HTML et CSS dans la création et la conception des objets.

Une feuille de style en cascade est utilisée pour ajouter des fonctionnalités spéciales au contenu créé via les balises HTML. CSS est également écrit sous forme de balises et peut être déclaré de trois manières. Nous appliquons l'approche de style interne. Les balises HTML sont assez faciles à mettre en œuvre avec CSS. L'utilisateur doit être conscient des bases des deux langues.

Implémentation du bouton Désactiver

Tout d'abord, nous utilisons les balises HTML uniquement pour créer des boutons. Une fois que les balises HTML pour la création de bouton sont comprises, il nous sera facile d'ajouter le CSS au bouton.

En commençant par les balises HTML, nous déclarons la section Head. À l'intérieur de la section Head, nous déclarons le titre de la page, qui apparaît dans l'onglet du navigateur. Ensuite, nous fermons le titre et le tag de tête. Ensuite, nous déclarons l'étiquette corporelle. À l'intérieur du corps, nous utilisons la balise div. Un conteneur qui est utilisé pour contenir et aligne son contenu sous une forme spécifiée est connu sous le nom d'un conteneur div. Dans le HTML, il existe des balises intégrées pour plusieurs fonctionnalités qui sont utilisées en utilisant leurs balises d'ouverture et de fermeture. De même, la balise crée un bouton. Nous créons deux boutons. Nous activons un bouton et désactivons l'autre. Cela se fait simplement en ajoutant le mot-clé «désactivé» au bouton. De cette façon, nous pouvons activer ou désactiver le fonctionnement d'un bouton dans la page Web en utilisant les balises HTML simples.

Non handicapé
Désactivé

Puisque nous ne devons créer que deux boutons, fermez toutes les balises, puis enregistrez le fichier. Pour exécuter la page Web que vous avez créée, ouvrez le fichier dans le navigateur.

Lorsque nous exécutons le code, nous verrons que deux boutons sont créés. L'un est activé, tandis que l'autre est désactivé. Le bouton et le texte sur le bouton désactivé sont dans un ton de couleur plus léger et semble être flou, ce qui fait que le bouton ressemble à un texte dans un bloc. Cela signifie que le bouton ne fonctionnera pas.

Désactiver le bouton dans CSS

Maintenant, nous utilisons à la fois le HTML et le CSS pour désactiver le bouton spécifique. La partie de la Div Création est presque la même, mais les étiquettes CSS seront ajoutées à la section Head, ce qui fait un style interne. Sous les balises de titre, à l'intérieur de la section Head, ouvrez la balise de style.