HTMLInputElement : propriété disabled

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.

La propriété disabled de l'interface HTMLInputElement est une valeur booléenne qui reflète l'attribut HTML disabled, lequel indique si le contrôle est désactivé. Si le contrôle est désactivé, il n'accepte pas les clics. Un élément désactivé est inutilisable et ne peut pas être cliqué.

Dans cet article

Valeur

Une valeur booléenne.

Exemples

HTML

html
<p>
  <label>
    <input id="check-box" name="b" value="1" type="checkbox" disabled />
    Cochez cette case&nbsp;!
  </label>
</p>
<p>
  <label>
    <input id="toggle-box" name="b" value="2" type="checkbox" /> Activez l'autre
    case à cocher.
  </label>
</p>

JavaScript

js
const checkBox = document.getElementById("check-box");
const toggleBox = document.getElementById("toggle-box");

toggleBox.addEventListener("change", (event) => {
  checkBox.disabled = !event.target.checked;
});

Résultat

Spécifications

Spécification

HTML
# dom-fe-disabled

Compatibilité des navigateurs

Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?

Oui Non

Apprendre à contribuer

Cette page a été modifiée le 20 janv. 2026 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu

API HTML DOM
HTMLInputElement
Propriétés d'instance
Méthodes d'instance
Évènements
Héritage
Pages liées à HTML DOM
Guides
1. Utiliser les microtâches en JavaScript avec queueMicrotask()
2. Aller plus loin : Les microtâches et l'environnement d'exécution JavaScript