HTML DOM Input Range objekt

Input Range objektet

Input Range objektet er et nyt objekt i HTML5.

Input Range objektet repræsenterer HTML <input type="range"> elementet.

Bemærk:Internet Explorer 9 og tidligere versioner understøtter ikke <input type="range"> elementet.

Adgang til Input Range objektet

Du kan få adgang til <input type="range"> elementet ved at bruge getElementById():

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

Prøv det selv

Vedvis:Du kan også gennemgå formularen elements samlingen for at få adgang til Input Range objektet.

Opret Input Range objekt

Du kan oprette <input type="range"> element ved at bruge document.createElement() metoden:

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

Prøv det selv

Input Range objekt egenskaber

egenskaber Beskrivelse
autocomplete Indstil eller returner værdien af skyderens autocomplete egenskab
autofocus Indstil eller returner, om skyderen skal få fokus automatisk efter siden er laden
defaultValue Indstil eller returner skyderens standardværdi
disabled Indstil eller returner, om skyderen er deaktiveret
form Returner reference til formularen, der indeholder skyderen
list Returner reference til datalist, der indeholder skyderen
max Indstil eller returner værdien af skyderens max egenskab
min Indstil eller returner værdien af skyderens min egenskab
name Indstil eller returner værdien af skyderens name egenskab
step Indstil eller returner værdien af skyderens step egenskab
type Returner skyderens formular element type
value Indstil eller returner værdien af skyderens value egenskab

Input Range objektmetoder

Metoder Beskrivelse
stepDown() Reducer værdien af skyderen med angivet nummer
stepUp() Øg værdien af skyderen med angivet nummer

Standard egenskaber og begivenheder

Input Range objektet understøtter standarderegenskaberogbegivenheder.

Relaterede sider

HTML vejledning:HTML formulær

HTML referencerHTML <input> tag

HTML referencerHTML <input> type egenskab