Atributo disabled del botón

Objeto Button del DOM HTML

Definición y uso

disabled Establece o devuelve si el botón está deshabilitado.

Los elementos deshabilitados no están disponibles y no se pueden hacer clic. Por defecto, los elementos deshabilitados se presentan generalmente en gris en el navegador.

Esta propiedad refleja Atributo disabled de HTML.

Ejemplo

Ejemplo 1

Deshabilitar el botón:

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

Intente usted mismo

Ejemplo 2

Ver si el botón está deshabilitado:

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

Intente usted mismo

Ejemplo 3

Deshabilitar y habilitar el botón:

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

Intente usted mismo

Sintaxis

Devolver la propiedad disabled:

buttonObject.disabled

Establecer la propiedad disabled:

buttonObject.disabled = true|false

Valor del atributo

Valor Descripción
true|false

Define si el botón debe estar deshabilitado.

  • true - El botón está deshabilitado
  • false - predeterminado. El botón no está deshabilitado

Detalles técnicos

Valor devuelto: Booleano, devuelve true si el botón está deshabilitado, de lo contrario devuelve false.

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte

Páginas relacionadas

Manual de referencia de HTML:Atributo disabled del <button> en HTML

Objeto Button del DOM HTML