Это демонстрация показывает, как из обычного скучного текстового поля можно сделать приятный в использовании элемент управления. Отапгрейженные инпуты помечены фиолетовыми рамками, а простые инпуты приведены для примера. Функционал следующий: значение в текстовом поле можно изменять кручением колеса мыши, как в Фотошопе, а можно — нажатиями стрелок "вверх" и "вниз", как в Файрбаге. Плюс у инпута могут быть определённым образом заданные минимальное и максимальное значения, которые наглядно отображаются на слайдере со стрелочкой — опять же, как в Фотошопе. Если мин-макс значений нет, то слайдер не отображается. За слайдер можно дёргать и изменять, соответственно, значение в текстовом поле. Кнопку Submit можно нажимать — в адресной строке браузера будут видны переданные значения полей.
Известные проблемы: в Опере не срабатывает залипание стрелочек, нужно колотить по клавише, но это личные проблемы Оперы. Это можно починить, но мне лень. Говорят, тем же самым страдает Файрфокс под Маком и под Линуксами. Также при определённых обстоятельствах ИЕ кидает яваскриптовую ошибку, но продолжает работать. Также не совсем красиво отрабатывается выход мыши за пределы скроллера — с этими ошибками поборюсь позже.
Работает вроде как во всех нормальных браузерах свежих версий. Если вам понравилась эта демка и/или вы хотите её использовать в своём проекте — на здоровье, я буду только рад, особенно если вы поставите где-нибудь обратную ссылочку на меня.