Objeto Range do DOM HTML Input

Objeto Input Range

O objeto Input Range é uma nova estrutura do HTML5.

O objeto Input Range representa o elemento HTML <input type="range">.

Notas:O Internet Explorer 9 e versões anteriores não suportam o elemento <input type="range">.

Acessar o objeto Input Range

Você pode acessar o elemento <input type="range"> usando getElementById():

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

Experimente você mesmo

Dica:Você também pode percorrer o conjunto elements para acessar o objeto Input Range.

Crie o objeto Input Range

Você pode criar um elemento <input type="range"> usando o método document.createElement():

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

Experimente você mesmo

Atributos do objeto Input Range

Atributos Descrição
autocomplete Define ou retorna o valor do atributo autocomplete do controle deslizante.
autofocus Define ou retorna se o controle deslizante deve obter o foco automaticamente após o carregamento da página.
defaultValue Define ou retorna o valor padrão do controle deslizante.
disabled Define ou retorna se o controle deslizante está desativado.
form Retorna uma referência para o formulário que contém o controle deslizante.
list Retorna uma referência para o datalist que contém o controle deslizante.
max Define ou retorna o valor do atributo max do controle deslizante.
min Define ou retorna o valor do atributo min do controle deslizante.
name Define ou retorna o valor do atributo name do controle deslizante.
step Define ou retorna o valor do atributo step do controle deslizante.
type Retorna o tipo do elemento de formulário do controle deslizante.
value Define ou retorna o valor do atributo value do controle deslizante.

Métodos do objeto Input Range

Métodos Descrição
stepDown() Decrementa o valor do controle deslizante conforme o número especificado.
stepUp() Incrementa o valor do controle deslizante conforme o número especificado.

Atributos e eventos padrão

O objeto Input Range suporta padrõesAtributoseEventos.

Páginas relacionadas

Tutorial de HTML:Formulários HTML

Manual de referência do HTML:Etiqueta <input> HTML

Manual de referência do HTML:Atributo type do <input> HTML