HTML < тип ввода = "диапазон">
Пример
Определите элемент управления диапазоном (например, ползунок):
<label for="points">Points (between 0 and 10):</label>
<input type="range"
id="points" name="points" min="0" max="10">
Определение и использование
Определяет <input type="range">
элемент управления для ввода числа, точное значение которого не важно (например, ползунок).
Диапазон по умолчанию — от 0 до 100. Однако вы можете установить ограничения на допустимые числа с помощью атрибутов, указанных ниже.
- max - указывает максимально допустимое значение
- min - указывает минимально допустимое значение
- step - указывает допустимые интервалы чисел
- значение - указывает значение по умолчанию
Совет. Всегда добавляйте <label>
тег, чтобы обеспечить лучшую доступность!
Поддержка браузера
Цифры в таблице указывают на первую версию браузера, полностью поддерживающую элемент.
Attribute | |||||
---|---|---|---|---|---|
type="range" | 4.0 | 10.0 | 23.0 | 3.1 | 10.1 |
Синтаксис
<input type="range">