HTML DOM Input Range Objekt

Input Range-Objekt

Das Input Range-Objekt ist ein neues Objekt in HTML5.

Das Input Range-Objekt stellt das HTML <input type="range">-Element dar.

Anmerkung:Internet Explorer 9 und frühere Versionen unterstützen das <input type="range">-Element nicht.

Zugriff auf das Input Range-Objekt

Sie können den <input type="range">-Element mit Hilfe von getElementById() erreichen:

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

Versuchen Sie es selbst!

Hinweis:Sie können auch die elements-Kollektion um auf das Input Range-Objekt zuzugreifen.

Erstellen Sie den Input Range-Objekt

Sie können das Element <input type="range"> erstellen, indem Sie die Methode document.createElement() verwenden:

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

Versuchen Sie es selbst!

Input Range-Objektattribute

Eigenschaften Beschreibung
autocomplete Setzen oder Rückerhalten des Wertes des autocomplete-Attributs des Schiebereglers.
autofocus Setzen oder Rückerhalten, ob der Schiebereglert nach dem Laden der Seite automatisch den Fokus erhält.
defaultValue Setzen oder Rückerhalten des Standardwerts des Schiebereglers.
disabled Setzen oder Rückerhalten, ob der Schiebereglert deaktiviert ist.
form Rückerhalten des Verweises auf das Formular, das den Schiebereglert enthält.
list Rückerhalten des Verweises auf das datalist, das den Schiebereglert enthält.
max Setzen oder Rückerhalten des Wertes des max-Attributs des Schiebereglers.
min Setzen oder Rückerhalten des Wertes des min-Attributs des Schiebereglers.
name Setzen oder Rückerhalten des Wertes des name-Attributs des Schiebereglers.
step Setzen oder Rückerhalten des Wertes des step-Attributs des Schiebereglers.
type Rückerhalten des Formularelementtyps des Schiebereglers.
value Setzen oder Rückerhalten des Wertes des value-Attributs des Schiebereglers.

Input Range-Objektmethoden

Methode Beschreibung
stepDown() Wert des Schiebereglers nach der angegebenen Zahl verringern.
stepUp() Wert des Schiebereglers nach der angegebenen Zahl erhöhen.

Standardattribute und Ereignisse

Der Input Range-Objekt unterstützt StandardsEigenschaftenundEreignisse.

Verwandte Seiten

HTML-Tutorial:HTML-Formular

HTML-Referenzhandbuch:HTML <input>-Tag

HTML-Referenzhandbuch:HTML <input> type-Attribut