Derniers tutoriels de développement web
 

Input Color value Property

<Couleur d' entrée objet

Exemple

Changer la couleur d'un sélecteur de couleur:

document.getElementById("myColor").value = "#FF8040";
Essayez vous - même »

Définition et utilisation

Les ensembles de propriétés de valeur ou retourne la valeur de la value attribut d'un sélecteur de couleur.

La value attribut spécifie la couleur du sélecteur de couleur.

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


Support du navigateur

Propriété
value Oui 10.0 Oui Oui Oui

Remarque: Le <input type="color"> élément ne montre aucun colorpicker dans Internet Explorer et Safari.


Syntaxe

Retourne la propriété de valeur:

colorObject .value

Définissez la propriété de valeur:

colorObject .value= #hexvalue

Valeurs de propriété

Valeur La description
#hexvalue Indique une couleur pour le sélecteur de couleur.

La valeur doit être hexadécimale (hex) Valeur: 3 numéros à deux chiffres, en commençant par un signe # (like #FF8040) .

Remarque: les mots - clés de couleur (comme "red" ou « bleu ») ne sont pas autorisés.

Note: La couleur par défaut est # 000000 (black) .

Détails techniques

Valeur de retour: Une chaîne, représentant une couleur

autres exemples

Exemple

Obtenez la couleur d'un sélecteur de couleur:

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

Le résultat de x sera:

#ff0080
Essayez vous - même »

Exemple

Un exemple qui montre la différence entre la defaultValue et la propriété de valeur:

var x = document.getElementById("myColor");
var defaultVal = x.defaultValue;
var currentVal = x.value;
Essayez vous - même »

Pages associées

Tutoriel HTML: Couleurs HTML

Tutoriel HTML: Les valeurs de couleur HTML (HEX)

Référence HTML: HTML <input> attribut value


<Couleur d' entrée objet