Los últimos tutoriales de desarrollo web
 

HTML DOM Objeto Rango de entrada


Rango de entrada de objetos

El objeto de rango de entrada es nuevo en HTML5.

El objeto Rango de entrada representa un HTML <input> elemento con type = "gama".

Nota: <input> elementos con type = "gama" no se admiten en Internet Explorer 9 y versiones anteriores.

A su alcance un objeto de entrada

Se puede acceder a un <input> elemento con type = "gama" mediante el uso de getElementById() :

Ejemplo

var x = document.getElementById("myRange");
Inténtalo tú mismo "

Consejo: También puede acceder a <input type="range"> buscando a través de la elementos de colección de una forma.

Crear un objeto de entrada Rango

Se puede crear un <input> elemento con el tipo = "gama" mediante el uso del document. createElement() document. createElement() método:

Ejemplo

var x = document.createElement("INPUT");
x.setAttribute("type", "range");
Inténtalo tú mismo "

El rango de entrada Propiedades de los objetos

Propiedad Descripción
autocomplete Establece o devuelve el valor de la autocomplete atributo de un control deslizante
autofocus Establece o devuelve si un control deslizante deben obtener automáticamente el enfoque cuando se carga la página
defaultValue Establece o devuelve el valor predeterminado de un control deslizante
disabled Establece o devuelve si un control deslizante está desactivado o no
form Devuelve una referencia al formulario que contiene el control deslizante
list Devuelve una referencia a la lista de datos que contiene el control deslizante
max Establece o devuelve el valor del max atributo del control deslizante
min Establece o devuelve el valor de la min atributo del control deslizante
name Establece o devuelve el valor del name atributo de un control deslizante
step Establece o devuelve el valor del step atributo del control deslizante
type Devuelve el tipo de elemento de formulario es el control deslizante
value Establece o devuelve el valor del value atributo de un control deslizante

El rango de entrada de objetos Métodos

Método Descripción
stepDown() Reduce el valor del control deslizante por un número especificado
stepUp() Incrementa el valor del control deslizante por un número especificado

Propiedades estándar y Eventos

El objeto de rango de entrada también es compatible con los estándares propiedades y eventos .


Páginas relacionadas

Tutorial de HTML: formularios HTML

Referencia HTML: HTML <input> etiqueta

Referencia HTML: HTML <input> atributo type