Обработчик событий onchange который обновляет поле индикации

Автор: Daewook.
Опубликовано 9 декабря 2012
в рубрике HTML5

Просмотров: 18506.
Подписаться на комментарии по RSS.



Обработчик событий onchange который обновляет поле индикации
Элемент "range" это числовой селектор, работающий в определенном интервале значений и обычно визуализируемый в виде ползунка. На данный момент, элемент "range" доступен в Opera и браузеры на основе WebKit - Chrome и Safari. В популярном браузере FireFox, поддержка данного элемента запланирована на будующее. С помощью элемента "range", вы сможете создать удобные вещи при регистрации то есть пользователям будет комфортно выбрать год рождения и так далее. Также можно использовать элемент "range" как способ сопротивления против спама что-то например каптчи.

 Кстати, вместо элемента "range", в FireFox отображается простой текстовый элемент:

Обработчик событий onchange который обновляет поле индикации
Вот собственно скрипт:

<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>

Оставьте комментарий!

Гость
Комментатор / хотите им стать

Чтобы стать комментатором введите email и пароль. Напишите комментарий. В дальшейшем ваша связка email-пароль, позволит вам комментировать и редактировать свои данные. Не забудьте про активацию (инструкция придет на ящик, указанный при регистрации).