Propriedade value do Input Range

Objeto Input Range DOM HTML

Definição e uso

value Define ou retorna o valor da propriedade value do controle deslizante.

A propriedade value do HTML define o valor padrão ou o valor de entrada do usuário (ou o valor configurado pelo script).

Veja também:

Manual HTML:Propriedade value do <input> do HTML

Exemplo

Exemplo 1

Alterar o valor do controle deslizante:

document.getElementById("myRange").value = "75";

Experimente você mesmo

Exemplo 2

Obter o valor do controle deslizante:

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

Experimente você mesmo

Exemplo 3

Um exemplo que mostra a diferença entre as propriedades defaultValue e value:

var x = document.getElementById("myRange");
var defaultVal = x.defaultValue;
var currentVal = x.value;

Experimente você mesmo

Sintaxe

Retornar a propriedade value:

rangeObject.value

Definir a propriedade value:

rangeObject.value = number

Valor do atributo

Valor Descrição
number Define o valor do controle deslizante. Se não for definido um valor, o valor padrão é "50".

Detalhes técnicos

Retorno: Número, representando o valor do controle deslizante.

Suporte do navegador

Os números na tabela indicam a versão do navegador que suporta completamente essa propriedade.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte 10.0 Suporte Suporte Suporte

Objeto Input Range DOM HTML