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