Bootstrap5 Диапазон

Чтобы задать диапазон, добавьтеinputк элементуtype="range"и используйте.form-rangeкласс:

Диапазон:

Пример

<label for="customRange" class="form-label">Настраиваемый диапазон</label> <input type="range" class="form-range" id="customRange">

Попробуйте »

Шаг

По умолчанию шаг равен 1, и его можно задать с помощью атрибута step:

Пример

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

Попробуйте »

Максимальное и минимальное значения

По умолчанию минимальное значение равно 0, а максимальное — 100, и их можно задать с помощью атрибутов min (минимум) или max (максимум):

Пример

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

Попробуйте »
Другие расширения