Propriedade disabled do botão

Objeto Button do DOM HTML

Definição e uso

disabled Propriedade define ou retorna se o botão está 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 Propriedade disabled do HTML.

Exemplo

Exemplo 1

Desativar 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 botão:

function disableBtn() {
    document.getElementById("myBtn").disabled = true;
}
function enableBtn() {
    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

Define se o botão deve estar desativado.

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

Detalhes técnicos

Retorno: Booleano, retorna true se o botão estiver desativado, caso contrário retorna false.

Suporte ao navegador

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

Páginas relacionadas

Manual de referência do HTML:Atributo disabled do <button> do HTML

Objeto Button do DOM HTML