Skała Bootstrap 5

Zdefiniowany zakres

Aby ustawić styl menu zakresu, użyj .form-range Dodaj klasę do elementu input o atrybucie type="range":

Zdefiniowany zakres:

Przykład

<label for="customRange" class="form-label">Zdefiniowany zakres</label>
<input type="range" class="form-range" id="customRange">

Spróbuj sam

Krok

Domyślnie, odstęp między wartościami zakresu wynosi 1. Możesz użyć step Zmiana atrybutu:

Przykład

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

Spróbuj sam

Minimalna i maksymalna wartość

Domyślnie, minimalna wartość to 0, maksymalna wartość to 100. Możesz użyć min i/lub max Zmiana atrybutu:

Przykład

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

Spróbuj sam