type=range>
отображается в виде ползунка. На рис. 3.7 показано, как это выглядит
в Google Chrome.
Рис . 3 .7 . Визуализация
в Chrome
Раньше ползунки приходилось имитировать и для этого требовалось перехватывать вход-
ные данные и использовать JavaScript и изображения для стрелок. Так как они не были
встроены в браузеры, обеспечение удобного управления с клавиатуры требовало особой
аккуратности и дополнительного кода. Теперь, когда ползунки встроены в HTML, с разра-
ботчика снимается ответственность, и за счет этого уменьшается объем кода и повышается
доступность для пользователей клавиатуры.
Чтобы подробнее узнать об этом, посмотрите пример в разделе «Как собрать все это вме-
сте» далее в этой главе. Данный тип прекрасно работает с атрибутами
min
,
max
и
step
(см.
далее).