Bootstrap 5-Bereich

Benutzerdefinierter Bereich

Um das Stil des Wertebereichs-Menüs zu setzen, fügen Sie .form-range Fügen Sie die Klasse zu dem input-Element mit type="range" hinzu:

Benutzerdefinierter Bereich:

Beispiel

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

Probieren Sie es selbst aus

Schrittweite

Standardmäßig beträgt der Abstand zwischen den Wertebereichen 1. Sie können step Ändern Sie die Eigenschaft:

Beispiel

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

Probieren Sie es selbst aus

Mindest- und Maximalwerte

Standardmäßig beträgt der Mindestwert 0 und der Maximalwert 100. Sie können min und/oder max Ändern Sie die Eigenschaft:

Beispiel

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

Probieren Sie es selbst aus