Propriedade disabled do Input Number

Objeto Input Number DOM HTML

Definição e uso

disabled Definir ou retornar se o campo de número deve ser desativado.

Os elementos desativados não são úteis e não podem ser clicados. Por padrão, os elementos desativados são geralmente apresentados em cinza no navegador.

Esta propriedade reflete a propriedade disabled do HTML.

Veja também:

Manual HTML:Propriedade disabled do <input> HTML

Exemplo

Exemplo 1

Desativar o campo de número:

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

Experimente você mesmo

Exemplo 2

Verificar se o campo de número está desativado:

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

Experimente você mesmo

Exemplo 3

Desativar e ativar a desativação do campo de número:

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

Experimente você mesmo

Sintaxe

Retornar a propriedade disabled:

numberObject.disabled

Definir a propriedade disabled:

numberObject.disabled = true|false

Valor do atributo

Valor Descrição
true|false

Define se o campo numérico deve estar desativado

  • true - o campo numérico está desativado
  • false - padrão. O campo numérico não está desativado

Detalhes técnicos

Valor retornado: Valor booleano, se o campo numérico estiver desativado, é retornado true; caso contrário, retorne false.

Suporte ao navegador

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

Objeto Input Number DOM HTML