HTML DOM Input Range object

Input Range-object

Het Input Range-object is een nieuw object in HTML5.

Het Input Range-object representeren de HTML <input type="range">-element.

Opmerking:Internet Explorer 9 en oudere versies ondersteunen het <input type="range">-element niet.

Toegang tot het Input Range-object

U kunt het <input type="range">-element bereiken door gebruik te maken van getElementById():

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

Probeer het zelf uit

Tip:Je kunt ook door de elements collectie om het Input Range Object te bereiken.

Maak een Input Range Object aan

Je kunt een <input type="range"> element maken door het document.createElement() method te gebruiken:

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

Probeer het zelf uit

Input Range Object Eigenschappen

Eigenschappen Beschrijving
autocomplete Stel in of retourneer de waarde van de autocomplete eigenschap van de schuifbalk控件.
autofocus Stel in of retourneer of de schuifbalk控件 automatisch focus moet krijgen nadat de pagina is geladen.
defaultValue Stel in of retourneer de standaardwaarde van de schuifbalk控件.
disabled Stel in of retourneer of de schuifbalk控件 is uitgeschakeld.
form Retourneer een verwijzing naar het formulier dat de schuifbalk bevat.
list Retourneer een verwijzing naar het datalist dat de schuifbalk bevat.
max Stel in of retourneer de waarde van de max eigenschap van de schuifbalk控件.
min Stel in of retourneer de waarde van de min eigenschap van de schuifbalk控件.
name Stel in of retourneer de waarde van de name eigenschap van de schuifbalk控件.
step Stel in of retourneer de waarde van de step eigenschap van de schuifbalk控件.
type Retourneer het formulierelementtype van de schuifbalk控件.
value Stel in of retourneer de waarde van de value eigenschap van de schuifbalk控件.

Input Range Object Methoden

Methoden Beschrijving
stepDown() Verlaag de waarde van de schuifbalk控件 met de opgegeven nummer.
stepUp() Verhoog de waarde van de schuifbalk控件 met de opgegeven nummer.

Standaard eigenschappen en gebeurtenissen

Input Range Object ondersteunt standaardenEigenschappenenGebeurtenissen.

Gerelateerde pagina's

HTML Handleiding:HTML Formulier

HTML Referentiehandleiding:HTML <input> Tag

HTML Referentiehandleiding:HTML <input> type eigenschap