Atributo disabled de Input Range

Objeto Range del DOM HTML Input

Definición y uso

disabled Establecer o devolver si el control de deslizamiento debe estar 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 la propiedad disabled de HTML.

Véase también:

Manual de HTML:Atributo disabled del <input> de HTML

Ejemplo

Ejemplo 1

Deshabilitar el control de deslizamiento:

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

Prueba personal

Ejemplo 2

Determinar si el control de deslizamiento está deshabilitado:

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

Prueba personal

Ejemplo 3

Deshabilitar y habilitar el control de deslizamiento:

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

Prueba personal

Sintaxis

Devolver la propiedad disabled:

rangeObject.disabled

Configurar la propiedad disabled:

rangeObject.disabled = true|false

valor de atributo

valor descripción
true|false

Se especifica si debe deshabilitar el control deslizante.

  • true - el control deslizante ya está deshabilitado
  • false - predeterminado. El control deslizante no está deshabilitado

Detalles técnicos

Valor devuelto: Booleano, si el control deslizante está deshabilitado, se devuelve true; de lo contrario devuelve false.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que es el primer soporte completo de la propiedad.

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

Objeto Range del DOM HTML Input