HTML < type d'entrée="plage">
❮ Attribut de type HTML <input>
Exemple
Définissez un contrôle de plage (comme un contrôle de curseur) :
<label for="points">Points (between 0 and 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 permettant de saisir un nombre dont la valeur exacte n'a pas d'importance (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 <label>
balise pour les meilleures pratiques d'accessibilité !
Prise en charge du navigateur
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'élément.
Attribute | |||||
---|---|---|---|---|---|
type="range" | 4.0 | 10.0 | 23.0 | 3.1 | 10.1 |
Syntaxe
<input type="range">
❮ Attribut de type HTML <input>