Obiekt DOM Input Range HTML

Obiekt Input Range

Obiekt Input Range to nowy obiekt w HTML5.

Obiekt Input Range reprezentuje element HTML <input type="range">.

Uwaga:Internet Explorer 9 i wcześniejsze wersje nie obsługują elementu <input type="range">.

Dostęp do obiektu Input Range

Możesz uzyskać dostęp do elementu <input type="range"> za pomocą funkcji getElementById():

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

Spróbuj sam

Wskazówka:Możesz również przejść przez Zbior elementów aby uzyskać dostęp do obiektu Input Range.

Utwórz obiekt Input Range

Możesz utworzyć element <input type="range"> za pomocą metody document.createElement():

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

Spróbuj sam

Atrybuty obiektu Input Range

Atrybuty Opis
autocomplete Ustaw lub zwróć wartość atrybutu autocomplete suwaka.
autofocus Ustaw lub zwróć, czy suwak powinien automatycznie uzyskać fokus po załadowaniu strony.
defaultValue Ustaw lub zwróć wartość wartości domyślnej suwaka.
disabled Ustaw lub zwróć, czy suwak jest wyłączony.
form Zwróć odniesienie do formularza zawierającego suwak.
list Zwróć odniesienie do datalist zawierającego suwak.
max Ustaw lub zwróć wartość atrybutu max suwaka.
min Ustaw lub zwróć wartość atrybutu min suwaka.
name Ustaw lub zwróć wartość atrybutu name suwaka.
step Ustaw lub zwróć wartość atrybutu step suwaka.
type Zwróć typ elementu formularza suwaka.
value Ustaw lub zwróć wartość atrybutu value suwaka.

Metody obiektu Input Range

Metoda Opis
stepDown() Zmniejsz wartość suwaka o określony numer.
stepUp() Zwiększ wartość suwaka o określony numer.

Standardowe atrybuty i zdarzenia

Obiekt Input Range obsługuje standardyAtrybutyiZdarzenia.

Strony związane

Kurs HTML:Formularze HTML

Przeglądarka HTML:Etiqueta <input> HTML

Przeglądarka HTML:Atrybut type <input> HTML