Этот тип ввода заставляет браузер создавать на странице новый тип элемента управления, не существовавший до сих пор. В соответствии со своим названием он позволяет пользователю выбрать значение из некоего числового диапазона. Обычно на экране этот элемент принимает вид ползунка или стрелочек, увеличивающих и уменьшающих значение, однако стандартного общего для всех дизайна пока не существует.
Для определения границ диапазона используются атрибуты типа 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> чуть позже.
Добавить комментарий