Bootstrap 5 asteikko

Mukautettualaajuus

Jos haluat mukauttaa valitsimen tyyliä, lisää .form-range Lisää luokka type="range" sisältävään input-elementtiin:

Mukautettualaajuus:

Esimerkki

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

Kokeile itse

Askel

Oletuksena välit aina välillä olevat arvot ovat 1. Voit käyttää askel Muuta ominaisuutta:

Esimerkki

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

Kokeile itse

Pienin ja suurin arvo

Oletuksena pienin arvo on 0 ja suurin arvo 100. Voit käyttää min ja/tai max Muuta ominaisuutta:

Esimerkki

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

Kokeile itse