Propriedade disabled do botão de entrada

Objeto Input Button DOM HTML

Definição e uso

disabled Propriedade que define ou retorna se o botão de entrada 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 exibidos em cinza no navegador.

Esta propriedade reflete a propriedade disabled do HTML.

Veja também:

Manual HTML:Propriedade disabled do <input> do HTML

Exemplo

Exemplo 1

Desativar o botão:

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

Experimente você mesmo

Exemplo 2

Verificar se o botão está desativado:

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

Experimente você mesmo

Exemplo 3

Desativar e ativar o botão:

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

Experimente você mesmo

Sintaxe

Retornar a propriedade disabled:

buttonObject.disabled

Definir a propriedade disabled:

buttonObject.disabled = true|false

Valor do atributo

Valor Descrição
true|false

Especifica se o botão de entrada deve estar desativado

  • true - o botão de entrada está desativado
  • false - padrão. O botão de entrada não está desativado

Detalhes técnicos

Valor de retorno: Booleano, se o botão de entrada estiver desativado, retorna true，caso contrário retorna false.

Suporte ao navegador

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

Objeto Input Button DOM HTML