Bootstrap 5 Omfattning

Anpassad intervall

För att ställa in stilen för intervallmenyn, använd .form-range Lägg till klassen till input-elementet med type="range":

Anpassad intervall:

Exempel

<label for="customRange" class="form-label">Anpassad intervall</label>
<input type="range" class="form-range" id="customRange">

Prova själv

Steg

Som standard är avståndet mellan värdena i intervallet 1. Du kan använda step Ändra egenskapen:

Exempel

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

Prova själv

Minsta och största värden

Som standard är det minsta värdet 0 och det största värdet 100. Du kan använda min och/eller max Ändra egenskapen:

Exempel

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

Prova själv