Bootstrap 5: Scala

Intervallo personalizzato

Per impostare lo stile del menu di gamma, usa .form-range Aggiungi la classe a input di tipo "range":

Intervallo personalizzato:

Esempio

<label for="customRange" class="form-label">Intervallo personalizzato</label>
<input type="range" class="form-range" id="customRange">

Prova personalmente

Passo

Di default, l'intervallo tra i valori della gamma è 1. Puoi usare step Modifica l'attributo:

Esempio

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

Prova personalmente

Valore minimo e massimo

Di default, il valore minimo è 0, il valore massimo è 100. Puoi usare min e/o max Modifica l'attributo:

Esempio

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

Prova personalmente