Attribut disabled du bouton

Objet Button DOM HTML

Définition et utilisation

disabled Définit ou renvoie si le bouton est désactivé.

Les éléments désactivés ne sont pas utilisables et ne peuvent pas être cliqués. Par défaut, les éléments désactivés sont généralement affichés en gris dans le navigateur.

Cette propriété reflète Attribut disabled HTML.

Exemple

Exemple 1

Désactiver le bouton :

document.getElementById("myBtn").disabled = true;

Essayer par vous-même

Exemple 2

Vérifier si le bouton est désactivé :

var x = document.getElementById("myBtn").disabled;

Essayer par vous-même

Exemple 3

Désactiver et activer le bouton :

function disableBtn() {
    document.getElementById("myBtn").disabled = true;
}
function enableBtn() {
    document.getElementById("myBtn").disabled = false;
}

Essayer par vous-même

Syntaxe

Renvoyer l'attribut disabled :

buttonObject.disabled

Définir l'attribut disabled :

buttonObject.disabled = true|false

Valeur de l'attribut

Valeur Description
true|false

Détermine si le bouton doit être désactivé.

  • true - le bouton est désactivé
  • false - par défaut. Le bouton n'est pas désactivé

Détails techniques

Valeur de retour : Valeur booléenne, renvoie true si le bouton est désactivé, sinon renvoie false.

Support du navigateur

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support Support Support Support Support

Pages associées

Manuel de référence HTML :Attribut disabled du <button> HTML

Objet Button DOM HTML