HTML DOM Input Range-objekt

Input Range-objektet

Input Range-objektet är ett nytt objekt i HTML5.

Input Range-objektet representerar HTML <input type="range">-elementet.

Kommentar:Internet Explorer 9 och äldre versioner stöder inte <input type="range">-elementet.

Åtkom Input Range-objektet

Du kan komma åt <input type="range">-elementet genom att använda getElementById():

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

Prova själv

Tips:Du kan också genomgå formuläret elements-kollektionen för att komma åt Input Range-objektet.

Skapa Input Range-objekt

Du kan skapa ett <input type="range">-element genom att använda document.createElement() metoden:

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

Prova själv

Input Range-objektets egenskaper

egenskaper Beskrivning
autocomplete Ställ in eller returnera skjutreglagets autocomplete-attributvärde.
autofocus Ställ in eller returnera om skjutreglaget ska automatiskt få fokus efter sidan har laddats.
defaultValue Ställ in eller returnera skjutreglagets standardvärde.
disabled Ställ in eller returnera om skjutreglaget är inaktiverat.
form Returnera en referens till formuläret som innehåller skjutreglaget.
list Returnera en referens till datalist som innehåller skjutreglaget.
max Ställ in eller returnera skjutreglagets max-attributvärde.
min Ställ in eller returnera skjutreglagets min-attributvärde.
name Ställ in eller returnera skjutreglagets name-attributvärde.
step Ställ in eller returnera skjutreglagets step-attributvärde.
type Returnera skjutreglagets formulärelementtyp.
value Ställ in eller returnera skjutreglagets value-attributvärde.

Input Range-objektmetoder

Metoder Beskrivning
stepDown() Minska värdena för skjutreglaget med angiven nummer.
stepUp() Öka värdena för skjutreglaget med angiven nummer.

Standardegenskaper och händelser

Input Range-objektet stöder standardegenskaperochhändelser.

Relaterade sidor

HTML-lärplan:HTML-formulär

HTML-referenshandbok:HTML <input>-etikett

HTML-referenshandbok:HTML <input> type-attribut