HTML <input type="range">
Exemple
Définir un contrôle de plage (comme un curseur) :
<label for="points">Points (entre 0 et 10) :</label>
<input type="range" id="points" name="points" min="0" max="10"> Définition et utilisation
Le <input type="range"> définit un contrôle pour entrer un nombre dont la valeur exacte n'est pas importante (comme un curseur).
La plage par défaut est de 0 à 100. Cependant, vous pouvez définir des restrictions sur les nombres acceptés avec les attributs ci-dessous.
- max - spécifie la valeur maximale autorisée
- min - spécifie la valeur minimale autorisée
- step - spécifie les intervalles de nombres légaux
- value - spécifie la valeur par défaut
Conseil : Ajoutez toujours la balise <label> pour de meilleures pratiques d'accessibilité !
Support des navigateurs
Les chiffres dans le tableau spécifient la première version du navigateur qui prend entièrement en charge l'élément.
| Attribut | |||||
|---|---|---|---|---|---|
| type="range" | 4.0 | 10.0 | 23.0 | 3.1 | 10.1 |
Syntaxe
<input type="range">