HTML DOM objeto Faixa de entrada

Faixa de objeto de entrada

O objeto Faixa de entrada é novo em HTML5.

O objeto Faixa de entrada representa um HTML <input> elemento com type = "intervalo".

Nota: <input> elementos com type = "intervalo" não são suportadas no Internet Explorer 9 e versões anteriores.

Você pode acessar um <input> elemento com type = "intervalo" usando getElementById() :

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

Dica: Você também pode acessar <input type="range"> através de pesquisa através da elementos coleção de um formulário.

Você pode criar um <input> elemento com type = "intervalo", utilizando o document. createElement() document. createElement() Método:

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

Propriedade	Descrição
autocomplete	Define ou retorna o valor do autocomplete atributo de um controle deslizante
autofocus	Define ou retorna se um controle deslizante deve obter automaticamente o foco quando a página é carregada
defaultValue	Define ou retorna o valor padrão de um controle deslizante
disabled	Define ou retorna se um controle deslizante está desativado, ou não
form	Retorna uma referência para a forma 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 max atributo do controle deslizante
min	Define ou devolve o valor da min atributo do controlo deslizante
name	Define ou retorna o valor do name atributo de um controle deslizante
step	Define ou retorna o valor da step atributo do controle deslizante
type	Retornos que tipo de elemento de formulário do controle deslizante é
value	Define ou retorna o valor do value atributo de um controle deslizante

Método	Descrição
stepDown()	Diminui o valor do controle deslizante por um número especificado
stepUp()	Aumenta o valor do controle deslizante por um número especificado

O objeto Faixa de entrada também suporta o padrão propriedades e eventos .

Referência HTML: HTML <input> tag