HTML < тип ввода = "диапазон">

❮ Атрибут типа HTML <input>

Пример

Определите элемент управления диапазоном (например, ползунок):

<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">

❮ Атрибут типа HTML <input>