Можностей, предоставляемых веб-разработчикам

жүктеу/скачать 5,47 Mb.

Pdf көрінісі

бет	130/232
Дата	06.01.2022
өлшемі	5,47 Mb.
	#12231

1 ... 126 127 128 129 130 131 132 133 ... 232

Байланысты:
[Bryus Louson, Remi SHarp] Izuchaem HTML5. Bibliot(z-lib.org)

116 • Глава 3
Элемент
Элемент

предназначен для вывода результатов вычислений (или чего-то друго-
го) с помощью скрипта. Он может принадлежать какой-нибудь форме, и тогда он должен
либо располагаться внутри нее, либо ссылаться на нее через атрибут
form
. Для удобства
взаимодействия с пользователем, к форме могут быть также привязаны новые элементы
и

, о которых я также рассказал чуть выше.
Чтобы привязать этот элемент к ползунку, будем использовать имя ползунка (
name=tap
)
и событие
oninput
. Когда форма, которой принадлежит

, получит вводимые
данные (это произойдет при перемещении ползунка), мы сможем отобразить значение
этих данных.
// в этом примере подразумевается, что переменная output содержит
¬ элемент output из DOM
// а переменная slider содержит элемент input range из DOM

Фактическое содержимое элемента

(в нашем случае «5») будет отображаться
только в качестве начального значения до тех пор, пока ползунок не будет перемещен.
В этом простом примере мы напрямую помещаем значение «5» в разметку — это такое же
начальное значение, как
type=range
. Можно было бы, конечно, использовать сценарий,
выполняющий
onload
и программным образом заполняющий элемент
output
соответ-
ствующим введенным значением.
ПРИМЕЧАНИЕ
В первом издании нашей книги мы использование событие
onforminput, а не oninput, но оно
устарело Интересующиеся историей разметки могут почитать об этом и о многом другом на
странице http://www useragentman com/blog/2011/05/10/is-onforminput-deprecated-in-html5-
forms-and-why-should-i-care-anyways

жүктеу/скачать 5,47 Mb.

Достарыңызбен бөлісу:

1 ... 126 127 128 129 130 131 132 133 ... 232