logo

Bouton HTML désactivé

Le ' désactivé ' est un attribut de balise en HTML, utilisé pour indiquer que le bouton est désactivé. C'est un attribut booléen. Le bouton désactivé ne peut pas être utilisé pour cliquer et il apparaît en gris.

Syntaxe

 Text you want to show on the button 

Exemples: Les exemples suivants utilisent différents boutons et les désactivent.

Exemple 1: L'exemple suivant désactive le bouton Soumettre.

 Example of Submit Disabled /* The following tag selector body use the font-family and background-color properties for body of a page*/ body { font-family: Calibri, Helvetica, sans-serif; background-color: pink; } /* Following container class used padding for generate space around it, and also use a background-color for specify the color lightblue as a background */ .container { padding: 50px; background-color: lightblue; } /* The following tag selector input uses the different properties for the text filed. */ input[type=text] { width: 100%; padding: 15px; margin: 5px 0 22px 0; display: inline-block; border: none; background: #f1f1f1; } input[type=text]:focus { background-color: orange; outline: none; } div { padding: 10px 0; } /* The following tag selector button uses the different properties for the Button. */ button { color: red; padding: 16px 20px; margin: 8px 0; border: none; cursor: pointer; width: 100%; opacity: 0.9; } Firstname: Middlename: Lastname: Gender : <br> Male Female Other Email: In this example, the disabled attribute is used to disable the Reset button. If you fill the form and then click on the &apos;Reset a form&apos; button, then it will not reset the values of the above form. Reset a Form 
Testez-le maintenant

Sortir:

Bouton HTML désactivé

Prise en charge du navigateur

Élément navigateur ChromeChrome c'est à dire le navigateurC'EST À DIRE navigateur FirefoxFirefox navigateur d'opéraOpéra navigateur safariSafari
OuiOuiOuiOuiOui