Поддержка сайта

Высокие позиции в поисковой системе, на прямую зависят от развития вашего сайта.

Продвижение сайтов

Эффективность стратегий продвижения подтверждается сотрудничеством с крупными клиентами и отзывами о нашей работе.

Создание сайтов

Мы делаем сайты быстро, недорого и профессионально. От работы с нами, у вас останутся только положительные эмоции.

Ranges

.

Ranges

Тип ввода range («диапазон», type="range") вызывает в поддерживающих его браузерах (Opera, Chrom, Safari) появление на экране ползункового селектора со шкалой. Как и для типа ввода number, допустимы атрибуты min, max и step. Согласно спецификации, различие в том, что в случае диапазона точность не имеет значения. Идеальный выбор там, где не требуется указывать определенное значение; например, при оценке удовлетворенности пользователя качеством предоставляемых услуг.

Давайте изменим тот пункт нашей регистрационной формы, где пользователю предлагается оценить уровень его осведомленности (по шкале от 1 до 10):

Ranges

Атрибут step по умолчанию имеет значение 1, но он не обязателен. На рис. 4.9 показано, как этот тип ввода реализован в браузере Safari.

Ranges

Рис. 4.9. Тип ввода range в браузере Chrome

По умолчанию ползунок расположен в середине шкалы на одинаковом расстоянии от минимума и максимума.

Спецификация позволяет создавать реверсный слайдер, где значения увеличиваются не слева направо, а наоборот.

Такой диапазон будет отображаться в том случае, когда значение атрибута min больше, чем max. Однако пока ни один браузер не поддерживает такой элемент.


.

Читайте так же: