Input Color value ominaisuus

HTML DOM Input Color-objekti

Määritelmä ja käyttötapa

value Aseta ominaisuus tai palauta väriselectorin value-ominaisuuksien arvo.

HTML value-ominaisuus määrittää väriselectorin väri.

Huomautus:Jos määrittelyä ei ole annettu, oletusväri on #000000 (musta).

Liittyvät sivut

HTML-opetus:HTML värit

HTML-referenssimääritys:HTML <input> value ominaisuus

Esimerkki

Esimerkki 1

Muuta väriselectorin väri:

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

Kokeile itse

Esimerkki 2

Hanki väriselectorin väri:

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

Kokeile itse

Esimerkki 3

Esimerkki, joka näyttää defaultValue- ja value-ominaisuuksien välisen erotuksen:

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

Kokeile itse

Syntaksi

Palauta value-ominaisuus:

colorObject.value

Aseta value-ominaisuus:

colorObject.value = #hexvalue

Atribuuttiarvo

Arvo Kuvaus
#hexvalue

Määritellään väriselectorin väri.

Arvon on oltava heksadesimaalinen (hex) arvo: kolme kaksinumeroista, alussa #-merkkiä (esim. #FF8040).

Huomioitavaa:Värikoodinimiä ei saa käyttää (esim. "red" tai "blue").

Huomautus:Oletusväri on #000000 (musta).

Tekninen yksityiskohta

Palautusarvo: Merkkijonoarvo, joka edustaa väriä.

Selaimen tuki

Taulukossa olevat numerot osoittavat ensimmäisen täysin tukevan siihen ominaisuuden selaimen version.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki 10.0 Tuki Tuki Tuki

Huomioitavaa:Huomioitavaa: <input type="color">-elementti ei näytä minkäänlaista väritäyttöä Internet Explorerissä ja Safarissa.

HTML DOM Input Color-objekti