Atributo defaultValue do Input Range

Objeto Input Range DOM HTML

Definição e uso

defaultValue Define ou retorna o valor padrão do controle deslizante.

Notas:O valor padrão é Atributo value do HTML definido.

A diferença entre os atributos defaultValue e value está em que defaultValue contém o valor padrão, enquanto value contém o valor atual após algumas alterações. Se não houver mudanças, defaultValue e value são iguais (veja o exemplo abaixo).

Se você deseja verificar se o valor do controle deslizante foi alterado, o atributo defaultValue é muito útil.

Exemplo

Exemplo 1

Obter o valor padrão do controle deslizante:

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

Experimente pessoalmente

Exemplo 2

Um exemplo para mostrar a diferença entre os atributos defaultValue e value:

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

Experimente pessoalmente

Sintaxe

Retorna o atributo defaultValue:

rangeObject.defaultValue

Definir o atributo defaultValue:

rangeObject.defaultValue = value

Valor do atributo

Valor Descrição
value Define o valor padrão do controle deslizante.

Detalhes técnicos

Retorno: Valor padrão do controle deslizante, representado por uma string.

Suporte do navegador

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

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

Objeto Input Range DOM HTML