Input Color value ominaisuus
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";
Esimerkki 2
Hanki väriselectorin väri:
var x = document.getElementById("myColor").value;
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;
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.