Propriété disabled de l'élément Input Number

Définition et utilisation

disabled Définir ou renvoyer si le champ numérique doit être désactivé.

Les éléments désactivés ne sont pas disponibles 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 l'attribut HTML disabled.

Voir également :

Manuel HTML :Attribut disabled de <input> HTML

Exemple

Exemple 1

Désactiver le champ numérique :

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

Essayez-le vous-même

Exemple 2

Vérifier si le champ numérique est désactivé :

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

Essayez-le vous-même

Exemple 3

Désactiver et réactiver le champ numérique :

function disableBtn() {
  document.getElementById("myNumber").disabled = true;
}
function undisableBtn() {
  document.getElementById("myNumber").disabled = false;
}

Essayez-le vous-même

Syntaxe

Renvoyer la propriété disabled :

numberObject.disabled

Définir la propriété disabled :

numberObject.disabled = true|false

Valeur de l'attribut

Valeur Description
true|false

Détermine si le champ numérique doit être désactivé.

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

Détails techniques

Valeur de retour : Valeur booléenne, si le champ numérique est désactivé, alors retourne true; sinon retourne false.

Support du navigateur

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