Atributo disabled de Input Number

Objeto Number de DOM Input HTML

Definición y uso

disabled Establecer o devolver si debe deshabilitarse el campo numérico.

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 el atributo disabled de HTML.

Véase también:

Manual de HTML:Atributo disabled del <input> HTML

Ejemplo

Ejemplo 1

Deshabilitar campo numérico:

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

Prueba por tu cuenta

Ejemplo 2

Verificar si el campo numérico está deshabilitado:

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

Prueba por tu cuenta

Ejemplo 3

Deshabilitar y habilitar el campo numérico:

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

Prueba por tu cuenta

Sintaxis

Devolver atributo disabled:

numberObject.disabled

Establecer atributo disabled:

numberObject.disabled = true|false

Valor del atributo

Valor Descripción
true|false

Se especifica si debe deshabilitar el campo numérico.

  • true - el campo numérico está deshabilitado
  • false - predeterminado. El campo numérico no está deshabilitado

Detalles técnicos

Valor devuelto: Valor booleano, si el campo numérico está deshabilitado, se devuelve true; de lo contrario, devuelve false.

Compatibilidad del navegador

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

Objeto Number de DOM Input HTML