Bootstrap 5 Range

Aangepaste bereik

Voor het instellen van de stijl van het bereikmenu, plaats .form-range Voeg een klasse toe aan het input-element met type="range":

Aangepaste bereik:

Voorbeeld

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

Probeer het zelf

Stap

Standaard is de interval tussen de waarden van het bereik 1. U kunt step Wijziging van eigenschappen:

Voorbeeld

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

Probeer het zelf

Minimum en maximumwaarden

Standaard is het minimum 0 en het maximum 100. U kunt min en/or max Wijziging van eigenschappen:

Voorbeeld

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

Probeer het zelf