HTML DOM Input Color-objekt

Color-objektet

Color-objektet är ett nytt objekt i HTML5.

Color-objektet representerar HTML <input type="color">-elementet.

Kommentar:Internet Explorer och Safari stöder inte <input type="color">-elementet.

Komma åt Color-objekt

Du kan komma åt <color>-elementet genom att använda getElementById():

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

Prova själv

Tips:Du kan också genomgå formuläret elements-samlingenför att komma åt Color-objektet.

Skapa Color-objekt

Du kan skapa <color>-element genom att använda document.createElement() metoden:

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

Prova själv

Color-objektets egenskaper

egenskaper Beskrivning
autocomplete Ställ in eller returnera färgväljarens autocomplete egenskapsvärde.
autofocus Ställ in eller returnera om färgväljaren bör automatiskt få fokus efter sidan har laddats.
defaultValue Ställ in eller returnera färgväljarens standardvärde.
disabled Ställ in eller returnera om färgväljaren är inaktiverad.
form Returnera en referens till formuläret som innehåller färgväljaren.
list Returnera en referens till datalist som innehåller färgväljaren.
name Ställ in eller returnera färgväljarens name egenskapsvärde.
type Returnera färgväljarens formulärelementstyp.
value Ställ in eller returnera färgväljarens value egenskapsvärde.

standardegenskaper och händelser

Color-objektet stöder standarderegenskaperochhändelser.

relaterade sidor

HTML kurs:HTML formulär

HTML referenshandbok:HTML <input> tag

HTML referenshandbok:HTML <input> type egenskap