Тип range

Тип range.

Этот тип ввода заставляет браузер создавать на странице новый тип элемента управления, не существовавший до сих пор. В соответствии со своим названием он позволяет пользователю выбрать значение из некоего числового диапазона. Обычно на экране этот элемент принимает вид ползунка или стрелочек, увеличивающих и уменьшающих значение, однако стандартного общего для всех дизайна пока не существует.

Для определения границ диапазона используются атрибуты типа range min и max. Помимо этого можно добавить атрибут step, чтобы задать определенный шаг увеличения или уменьшения значения элемента (листинг 6.7).

Листинг 6.7. Тип range

<input type="range" name="mynumbers" id="mynumbers" min="0" max="10" step="5">

Первоначальное значение можно установить с помощью давно существующего атрибута value, а в коде JavaScript можно запрограммировать отображение чисел на экране, для того чтобы пользователю было проще ориентироваться. Мы поэкспериментируем с этими возможностями, а также с новым элементом <output> чуть позже.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *