Объект Input Range DOM HTML

Объект Input Range

Объект Input Range является новым объектом в HTML5.

Объект Input Range представляет собой элемент HTML <input type="range">.

Комментарий:Интернет Explorer 9 и более ранние версии не поддерживают элемент <input type="range">.

Доступ к объекту Input Range

Вы можете получить доступ к элементу <input type="range"> с помощью функции getElementById():

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

Попробуйте сами

Совет:Вы также можете пройтись по формам, Сборник элементов для доступа к объекту Input Range.

Создание объекта Input Range

Вы можете создать элемент <input type="range"> с помощью метода document.createElement():

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

Попробуйте сами

Атрибуты объекта Input Range

Атрибуты Описание
autocomplete Устанавливает или возвращает значение атрибута autocomplete ползунка.
autofocus Устанавливает или возвращает, должен ли ползунок автоматически получить фокус после загрузки страницы.
defaultValue Устанавливает или возвращает значение по умолчанию ползунка.
disabled Устанавливает или возвращает, отключен ли ползунок.
form Возвращает ссылку на содержащий ползунок форму.
list Возвращает ссылку на содержащий ползунок datalist.
max Устанавливает или возвращает значение атрибута max ползунка.
min Устанавливает или возвращает значение атрибута min ползунка.
name Устанавливает или возвращает значение атрибута name ползунка.
step Устанавливает или возвращает значение атрибута step ползунка.
type Возвращает тип элемента формы ползунка.
value Устанавливает или возвращает значение атрибута value ползунка.

Методы объекта Input Range

Методы Описание
stepDown() Уменьшает значение ползунка в соответствии с указанным числом.
stepUp() Увеличивает значение ползунка в соответствии с указанным числом.

Стандартные атрибуты и события

Объект Input Range поддерживает стандартыАтрибутыиСобытия.

См. также

Уроки HTML:Формы HTML

Руководство по HTML:Тег <input> HTML

Руководство по HTML:Атрибут type элемента <input> HTML