HTML DOM Input Color-objekti

Color-objekti

Color-objekti on uusi objekti HTML5:ssä.

Color-objekti edustaa HTML <input type="color">-elementtiä.

Huomautus:Internet Explorer ja Safari eivät tue <input type="color">-elementtiä.

Käy Color-objektiin

Voit käyttää getElementById() -metodia saadaksesi <color>-elementin:

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

Kokeile itse

Vinkki:Voit myös käydä läpi lomakkeen elements-kokoelmakäyttääksesi Color-objektia.

Luo Color-objekti

Voit luoda <color>-elementin käyttämällä document.createElement() -metodia:

var x = document.createElement("INPUT");
x.setAttribute("type", "color");

Kokeile itse

Color-objektin ominaisuudet

ominaisuudet kuvaus
autocomplete Aseta tai palauta värivalitsimen autocomplete-ominaisuuden arvo.
autofocus Aseta tai palauta värivalitsimen automaattisesti keskittyvän sivun lataamisen jälkeen.
defaultValue Aseta tai palauta värivalitsimen oletusarvon.
disabled Aseta tai palauta värivalitsimen käytöstä poissa olevan tilan.
form Palauta viittaus sisältävään värivalitsimen lomakkeeseen.
list Palauta viittaus sisältävään värivalitsimen datalist.
name Aseta tai palauta värivalitsimen name-ominaisuuden arvo.
type Palauta värivalitsimen lomakkeen elementti.
value Aseta tai palauta värivalitsimen value-ominaisuuden arvo.

Standardiominaisuudet ja tapahtumat

Color-objekti tukee standardejaominaisuudetjatapahtumat.

Aiheeseen liittyvät sivut

HTML opas:HTML lomake

HTML viittausHTML <input> tagi

HTML viittausHTML <input> type ominaisuus