Обработчик событий onchange который обновляет поле индикации
Автор: Daewook.
Опубликовано 9 декабря 2012
в рубрике HTML5
и помечено как: onchange, Обработчик событий onchange, Обработчик событий onchange который обновляет поле индикации, событий onchange.
Просмотров: 18535.
Подписаться на комментарии по RSS.
|
|
Элемент "range" это числовой селектор, работающий в определенном интервале значений и обычно визуализируемый в виде ползунка. На данный момент, элемент "range" доступен в Opera и браузеры на основе WebKit - Chrome и Safari. В популярном браузере FireFox, поддержка данного элемента запланирована на будующее. С помощью элемента "range", вы сможете создать удобные вещи при регистрации то есть пользователям будет комфортно выбрать год рождения и так далее. Также можно использовать элемент "range" как способ сопротивления против спама что-то например каптчи.
Кстати, вместо элемента "range", в FireFox отображается простой текстовый элемент:
Вот собственно скрипт:<script type="text/javascript"> function showValue(newVal) { document.getElementById("yearDisplay").innerHTML = newVal; } </script> <label for="year">Year</label> <input id="year" type="range" min="1970" max="2013" value="1970" onchange="showValue(this.value)"> <span id="yearDisplay">1970</span>
Оставьте комментарий!