Input Range disabled attribute

Objet Range DOM HTML

Definition and Usage

disabled Set or return whether the slider control should be disabled.

Disabled elements are not available and cannot be clicked. By default, disabled elements are usually displayed as gray in the browser.

This property reflects the HTML disabled attribute.

See also:

HTML Reference Manual:Attribut disabled de l'élément <input> HTML

Example

Example 1

Disable slider control:

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

Try it yourself

Example 2

Check if the slider control is disabled:

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

Try it yourself

Example 3

Enable and disable slider control:

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

Try it yourself

Syntax

Return the disabled attribute:

rangeObject.disabled

Set the disabled attribute:

rangeObject.disabled = true|false

attribute value

value description
true|false

Détermine si le contrôle de glisse doit être désactivé.

  • true - le contrôle de glisse est désactivé
  • false - par défaut. Le contrôle de glisse n'est pas désactivé

Détails techniques

Valeur de retour : Valeur booléenne, retourne si le contrôle de glisse est désactivé true;sinon retourne false.

Prise en charge du navigateur

Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Support 10.0 Support Support Support

Objet Range DOM HTML