Esempio
Cambiare il colore di un selettore di colori:
document.getElementById("myColor").value = "#FF8040";
Prova tu stesso " Definizione e l'utilizzo
Gli insiemi di proprietà di valore o restituisce il valore del value attributo di un selettore di colori.
Il value attributo specifica il colore per il selettore colore.
Nota: Se non viene specificato, il colore di default è # 000000 (black) .
Supporto browser
Proprietà | |||||
---|---|---|---|---|---|
value | sì | 10.0 | sì | sì | sì |
Nota: Il <input type="color"> elemento non mostra alcuna colorpicker in Internet Explorer e Safari.
Sintassi
Restituisce la proprietà value:
colorObject .value
Impostare la proprietà value:
colorObject .value= #hexvalue
I valori delle proprietà
Valore | Descrizione |
---|---|
#hexvalue | Specifica un colore per il selettore dei colori. Il valore deve essere un esadecimale (hex) Valore: 3 numeri a due cifre, a partire da un segno # (like #FF8040) . Nota: le parole chiave di colore (come "red" o "blu") non sono ammessi. Nota: colore di difetto è # 000000 (black) . |
Dettagli tecnici
Valore di ritorno: | A String, che rappresenta un colore |
---|
Altri esempi
Esempio
Prendi il colore di un selettore di colori:
var x = document.getElementById("myColor").value;
Il risultato di x sarà:
#ff0080
Prova tu stesso " Esempio
Un esempio che mostra la differenza tra la defaultValue e proprietà value:
var x = document.getElementById("myColor");
var defaultVal =
x.defaultValue;
var currentVal = x.value;
Prova tu stesso " Pagine correlate
HTML tutorial: Colori HTML
HTML tutorial: valori di colore HTML (HEX)
Di riferimento HTML: HTML <input> attributo value
<Oggetto colore Input