Attribut value de l'input couleur

Objet Input Color DOM HTML

Définition et utilisation

value Définir ou retourner la valeur de l'attribut value du sélecteur de couleur.

L'attribut value de HTML définit la couleur du sélecteur de couleur.

Commentaires :Si rien n'est spécifié, la couleur par défaut est #000000 (noir).

Pages associées

Tutoriel HTML :Couleurs HTML

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

Exemple

Exemple 1

Changer la couleur du sélecteur de couleur :

document.getElementById("myColor").value = "#FF8040";

Essayez-le vous-même

Exemple 2

Obtenir la couleur du sélecteur de couleur :

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

Essayez-le vous-même

Exemple 3

Voici un exemple montrant la différence entre les attributs defaultValue et value :

var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;

Essayez-le vous-même

Syntaxe

Retourner l'attribut value :

colorObject.value

Définir l'attribut value :

colorObject.value = #hexvalue

Valeur de l'attribut

Valeur Description
#hexvalue

Définir la couleur du sélecteur de couleur.

Cette valeur doit être une valeur hexadécimale (hex) : trois nombres à deux chiffres, commençant par le symbole # (par exemple #FF8040).

Attention :Il n'est pas autorisé d'utiliser des mots-clés de couleur (comme "red" ou "blue").

Commentaires :La couleur par défaut est #000000 (noir).

Détails techniques

Valeur de retour : Valeur de chaîne, représentant la couleur.

Support 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.

Objet Input Color DOM HTML