Input Color value-attribut

HTML DOM Input Color-objekt

Definition och användning

value Attributinställningar eller returnerar värdet för färgväljarens value-attribut.

HTML value-attributet specificerar färgväljarens färg.

Kommentarer:Om inget innehåll är specificerat, är standardfärgen #000000 (svart).

Relaterade sidor

HTML-lärarlektion:HTML färger

HTML-referenshandbok:HTML <input> value egenskap

Exempel

Exempel 1

Ändra färgväljarens färg:

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

Prova själv

Exempel 2

Hämta färgväljarens färg:

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

Prova själv

Exempel 3

Ett exempel på skillnaden mellan defaultValue och value-attribut:

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

Prova själv

Syntax

Returnerar value-attribut:

colorObject.value

Ställ in value-attribut:

colorObject.value = #hexvalue

Attributvärde

Värde Beskrivning
#hexvalue

Bestämmer färgväljarens färg.

Värdet måste vara ett hexadecimalt (hex) värde: tre tvåsiffriga siffror, börjar med #-tecken (t.ex. #FF8040).

Observera:Det är inte tillåtet att använda färgnyckelord (t.ex. "red" eller "blue").

Kommentarer:Standardfärgen är #000000 (svart).

Tekniska detaljer

Returvärde: Strängvärde som representerar färgen.

Webbläsarstöd

Tal i tabellen anger den första webbläsarens version som helt stöder egenskapen.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Stödjer 10.0 Stödjer Stödjer Stödjer

Observera:Elementet <input type="color"> visar ingen färgväljare i Internet Explorer och Safari.

HTML DOM Input Color-objekt