Propriedade disabled do Input Range

Objeto Input Range DOM HTML

definição e uso

disabled definir ou retornar se o controle deslizante deve ser desativado.

Os elementos desativados não são acessíveis e não podem ser clicados. Por padrão, os elementos desativados são geralmente exibidos em cinza no navegador.

Este atributo reflete a propriedade disabled do HTML.

veja também:

Manual de Referência do HTML:Propriedade disabled do <input> do HTML

instância

exemplo 1

desativar o controle deslizante:

document.getElementById("myRange").disabled = true;

experimente você mesmo

exemplo 2

verificar se o controle deslizante está desativado:

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

experimente você mesmo

exemplo 3

desativar e ativar a desativação do controle deslizante:

function disableBtn() {
    document.getElementById("myRange").disabled = true;
}
function undisableBtn() {
    document.getElementById("myRange").disabled = false;
}

experimente você mesmo

sintaxe

retornar o atributo disabled:

rangeObject.disabled

definir o atributo disabled:

rangeObject.disabled = true|false

valor do atributo

valor descrição
true|false

Define se o controle deslizante deve ser desativado ou não.

  • true - o controle deslizante já está desativado
  • false - padrão. O controle deslizante não está desativado

Detalhes técnicos

Valor de retorno: Booleano, se o controle deslizante estiver desativado, retorna true; caso contrário, retorna false.

Suporte do navegador

Os números na tabela indicam a versão do navegador que suportou 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