Attributo value Input Color

Oggetto Input Color DOM HTML

Definizione e uso

value Imposta o restituisce il valore dell'attributo value del selettore di colore.

L'attributo value dell'HTML definisce il colore del selettore di colore.

Commento:Se non viene specificato alcun contenuto, il colore predefinito è #000000 (nero).

Pagine correlate

Corso HTML:Colori HTML

Manuale HTML:Proprietà value dell'elemento <input> HTML

Esempio

Esempio 1

Cambia il colore del selettore di colore:

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

Prova a farlo tu stesso

Esempio 2

Ottieni il colore del selettore di colore:

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

Prova a farlo tu stesso

Esempio 3

Esempio che mostra la differenza tra gli attributi defaultValue e value:

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

Prova a farlo tu stesso

Sintassi

Restituisce l'attributo value:

colorObject.value

Imposta l'attributo value:

colorObject.value = #hexvalue

Valore dell'attributo

Valore Descrizione
#hexvalue

Definisce il colore del selettore di colore.

Questo valore deve essere un valore esadecimale (hex): 3 numeri a due cifre, iniziati con il simbolo # (ad esempio #FF8040).

Attenzione:Non è consentito l'uso di parole chiave di colore (come "red" o "blue").

Commento:Il colore predefinito è #000000 (nero).

Dettagli tecnici

Valore di ritorno: Valore di stringa che rappresenta il colore.

Supporto del browser

I numeri nella tabella indicano la versione del browser che supporta completamente l'attributo.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Supporto 10.0 Supporto Supporto Supporto

Attenzione:L'elemento <input type="color"> non visualizza alcun selettore di colore in Internet Explorer e Safari.

Oggetto Input Color DOM HTML