Attribut disabled de l'input couleur

Définition et utilisation

disabled Définit ou renvoie si le sélecteur de couleur 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 représentés en gris dans le navigateur.

Cette propriété reflète l'attribut HTML disabled.

Veuillez également consulter :

Manuel HTML :Attribut disabled de l'élément <input> HTML

Exemple

Exemple 1

Désactiver le sélecteur de couleur :

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

Essayez-le vous-même

Exemple 2

Vérifier si le sélecteur de couleur est désactivé :

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

Essayez-le vous-même

Exemple 3

Désactiver et réactiver le sélecteur de couleur :

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

Essayez-le vous-même

Syntaxe

Renvoyer l'attribut disabled :

colorObject.disabled

Définir l'attribut disabled :

colorObject.disabled = true|false

Valeur de l'attribut

Valeur Description
true|false

Définit si le sélecteur de couleur doit être désactivé.

  • true - Le sélecteur de couleur est désactivé
  • false - par défaut. Le sélecteur de couleur n'est pas désactivé

Détails techniques

Valeur renvoyée : Valeur booléenne, renvoyée si le sélecteur de couleur est désactivé truesinon renvoie false.

Prise en charge du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

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

Attention :L'élément <input type="color"> ne montre aucun sélecteur de couleur dans Internet Explorer et Safari.