Objet Input Range DOM HTML

Objet Input Range

L'objet Input Range est un nouveau objet dans HTML5.

L'objet Input Range représente l'élément HTML <input type="range">.

Remarque :Internet Explorer 9 et les versions antérieures ne prennent pas en charge l'élément <input type="range">.

Accéder à l'objet Input Range

Vous pouvez accéder à l'élément <input type="range"> en utilisant getElementById() :

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

Essayez-le vous-même

Avis :Vous pouvez également parcourir les éléments du Ensemble d'éléments Pour accéder à l'objet Input Range.

Créer un objet Input Range

Vous pouvez créer un élément <input type="range"> en utilisant la méthode document.createElement() :

var x = document.createElement("INPUT");
x.setAttribute("type", "range");

Essayez-le vous-même

Attributs de l'objet Input Range

Attributs Description
autocomplete Définir ou retourner la valeur de l'attribut autocomplete du contrôle glissant.
autofocus Définir ou retourner si le contrôle glissant doit automatiquement obtenir le focus après le chargement de la page.
defaultValue Définir ou retourner la valeur par défaut du contrôle glissant.
disabled Définir ou retourner si le contrôle glissant est désactivé.
form Retourner une référence au formulaire contenant le contrôle glissant.
list Retourner une référence au datalist contenant le contrôle glissant.
max Définir ou retourner la valeur de l'attribut max du contrôle glissant.
min Définir ou retourner la valeur de l'attribut min du contrôle glissant.
name Définir ou retourner la valeur de l'attribut name du contrôle glissant.
step Définir ou retourner la valeur de l'attribut step du contrôle glissant.
type Retourner le type d'élément de formulaire du contrôle glissant.
value Définir ou retourner la valeur de l'attribut value du contrôle glissant.

Méthodes de l'objet Input Range

Méthode Description
stepDown() Diminuer la valeur du contrôle glissant selon un nombre spécifié.
stepUp() Augmenter la valeur du contrôle glissant selon un nombre spécifié.

Attributs et événements standard

L'objet Input Range prend en charge les normesAttributsetÉvénements.

Pages associées

Tutoriel HTML :Formulaire HTML

Manuel de référence HTML :Balise <input> HTML

Manuel de référence HTML :Attribut type <input> HTML