Bootstrap5 Curseur

Pour définir une plage, ajoutezinputà l'élémenttype="range"et utilisez la classe.form-rangeclasse :

Plage :

Exemple

<label for="customRange" class="form-label">Plage personnalisée</label> <input type="range" class="form-range" id="customRange">

Essayez-le »

Étape

Par défaut, le pas est de 1, et il peut être défini à l'aide de l'attribut step :

Exemple

<input type="range" class="form-range" step="10">

Essayez-le »

Valeurs maximales et minimales

Par défaut, la valeur minimale est 0 et la valeur maximale est 100, et elles peuvent être définies à l'aide des attributs min (minimum) ou max (maximum) :

Exemple

<input type="range" class="form-range" min="0" max="4">

Essayez-le »
Autres extensions