Objeto Range de DOM Input HTML

Objeto Input Range

El objeto Input Range es un nuevo objeto en HTML5.

El objeto Input Range representa el elemento HTML <input type="range">.

Nota:Internet Explorer 9 y versiones anteriores no admiten el elemento <input type="range">.

Acceder al objeto Input Range

Puede acceder al elemento <input type="range"> utilizando getElementById():

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

Prueba por ti mismo

Consejo:También puedes recorrer Conjunto de elementos para acceder al objeto Input Range.

Crear objeto Input Range

Puedes crear un elemento <input type="range"> utilizando el método document.createElement():

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

Prueba por ti mismo

Atributos del objeto Input Range

Atributos Descripción
autocomplete Establece o devuelve el valor del atributo autocomplete del control deslizante.
autofocus Establece o devuelve si el control deslizante debe obtener automáticamente el foco después de cargar la página.
defaultValue Establece o devuelve el valor predeterminado del control deslizante.
disabled Establece o devuelve si el control deslizante está deshabilitado.
form Devuelve una referencia al formulario que contiene el control deslizante.
list Devuelve una referencia al datalist que contiene el control deslizante.
max Establece o devuelve el valor del atributo max del control deslizante.
min Establece o devuelve el valor del atributo min del control deslizante.
name Establece o devuelve el valor del atributo name del control deslizante.
step Establece o devuelve el valor del atributo step del control deslizante.
type Devuelve el tipo de elemento del formulario del control deslizante.
value Establece o devuelve el valor del atributo value del control deslizante.

Métodos del objeto Input Range

Métodos Descripción
stepDown() Disminuye el valor del control deslizante según el número especificado.
stepUp() Incrementa el valor del control deslizante según el número especificado.

Atributos y eventos estándar

El objeto Input Range admite estándaresAtributosyEventos.

Páginas relacionadas

Tutoriales de HTML:Formularios HTML

Manual de referencia de HTML:Etiqueta <input> HTML

Manual de referencia de HTML:Atributo type del <input> HTML