САМОСТОЯТЕЛЬНОЕ ОБУЧЕНИЕ ДЛЯ ВЕБ РАЗРАБОТЧИКОВ

HTML Тег <input type="range">

❮ HTML <input> атрибуты type


Пример

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

<label for="points">Баллы (от 0 до 10):</label>
<input type="range" id="points" name="points" min="0" max="10">
Попробуйте сами »

Определение и использование

Параметр <input type="range"> определяет элемент управления для ввода числа, точное значение которого не имеет значения (например, ползунок).

Диапазон по умолчанию от 0 до 100. Однако вы можете установить ограничения на то, какие числа принимаются с помощью приведенных ниже атрибутов.

  • max - указывает максимально допустимое значение
  • min - указывает минимальное допустимое значение
  • step - задает допустимые интервалы номеров
  • value - задает значение по умолчанию

Совет: Всегда добавляйте тег <label> для лучшей доступности!


Поддержка браузеров

Цифры в таблице указывают первую версию браузера, которая полностью поддерживает этот элемент.

Атрибут
type="range" 4.0 10.0 23.0 3.1 10.1

Синтаксис

<input type="range">

❮ HTML <input> атрибуты type