Input Color defaultValue -ominaisuus

HTML DOM Input Color-objekti

Määrittely ja käyttö

defaultValue Asettaa tai palauttaa värivalitsimen oletusarvon.

Huomautus:Oletusarvo on HTML value -ominaisuus määritetty arvo.

defaultValue- ja value-ominaisuuksien välinen ero on:

  • defaultValue sisältää oletusarvon
  • Ja value sisältää muutettujen arvojen nykyisen arvon
  • Jos väriä ei ole muutettu, defaultValue ja value ovat samat (katso alla oleva esimerkki)

Kun haluat määrittää, onko värivalitsimen väri muuttunut, defaultValue -ominaisuus on erittäin hyödyllinen.

Esimerkki

Esimerkki 1

Hanki värivalitsimen oletusarvo:

var x = document.getElementById("myColor").defaultValue

Kokeile itse

Esimerkki 2

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

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

Kokeile itse

syntaksi

Palauta defaultValue -ominaisuus:

colorObject.defaultValue

Aseta defaultValue -ominaisuus:

colorObject.defaultValue = value

ominaisuusarvo

arvo kuvaus
value Määritä värivalitsimen oletusarvo.

Tekninen yksityiskohta

Palautusarvo: Merkkijonoarvo, joka edustaa väritäyttövalitsimen oletusarvoa.

Selaimen tuki

Taulukossa olevat numerot viittaavat ensimmäiseen selaimeseen, joka täysin tukee tätä ominaisuutta.

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