Объект Text, отображение которого на форме HTML подавлено. Объект Hidden
используется для передачи пар имя/значение при отправке формы.
Клиентский объект
Реализован в
JavaScript 1.0
JavaScript 1.1: добавлено свойство type.
Создание
HTML-тэг INPUT
с "hidden" в качестве значения атрибута TYPE.
Для данной формы машина выполнения JavaScript создаёт соответствующие объекты Hidden
и помещает эти объекты в массив
elements соответствующего объекта
Hidden. Вы получаете доступ к объекту Hidden
в этом массиве по индексу. Вы можете индексировать массив по числам или, если
имеются, по значениям атрибута NAME.
Описание
Объект Hidden является элементом формы и
обязан быть определён в тэге FORM.
Объект Hidden не может быть виден
конечному пользователю и не может им изменяться,
но Вы можете программно изменить значение этого объекта, изменяя его свойство value.
Вы можете использовать объекты Hidden для взаимодействия клиент/сервер.
Здесь объект Hidden используется для хранения значения последнего
объекта, по которому щёлкнул пользователь. Форма содержит кнопку "Display hidden value",
которую пользователь может щёлкнуть для вывода значения объекта Hidden
и диалога Alert.
<HTML> <HEAD> <TITLE>Hidden object example</TITLE>
</HEAD> <BODY> <B>Click some of these objects, then click the "Display value" button
<BR>to see the value of the last object clicked.</B> <FORM NAME="myForm">
<INPUT TYPE="hidden" NAME="hiddenObject" VALUE="None"> <P>
<INPUT TYPE="button" VALUE="Click me" NAME="button1"
onClick="document.myForm.hiddenObject.value=this.value"> <P>
<INPUT TYPE="radio" NAME="musicChoice" VALUE="soul-and-r&b"
onClick="document.myForm.hiddenObject.value=this.value"> Soul and R&B
<INPUT TYPE="radio" NAME="musicChoice" VALUE="jazz"
onClick="document.myForm.hiddenObject.value=this.value"> Jazz
<INPUT TYPE="radio" NAME="musicChoice" VALUE="classical"
onClick="document.myForm.hiddenObject.value=this.value"> Classical <P>
<SELECT NAME="music_type_single" onFocus="document.myForm.hiddenObject.value=this.options[this.selectedIndex].text">
<OPTION SELECTED> Red <OPTION> Orange <OPTION> Yellow
</SELECT> <P><INPUT TYPE="button" VALUE="Display hidden value" NAME="button2"
onClick="alert('Last object clicked: ' + document.myForm.hiddenObject.value)">
</FORM> </BODY> </HTML>
Каждый элемент формы имеет свойство form, которое является ссылкой
на родительскую форму элемента. Это свойство в основном используется в
обработчиках событий, где Вам может понадобиться обратиться к другому элементу
на этой же форме.
Примеры
Пример 1. Здесь форма myForm
содержит объект Hidden и кнопку. Если пользователь щёлкает по
кнопке, в значение объекта Hidden устанавливается имя формы.
Обработчик события кнопки onClick использует this.form
для обращения к родительской форме myForm.
<FORM NAME="myForm"> Form name:<INPUT TYPE="hidden" NAME="h1"
VALUE="Beluga"> <P> <INPUT NAME="button1" TYPE="button" VALUE="Store Form Name"
onClick="this.form.h1.value=this.form.name"> </FORM>
Пример 2. Здесь используется ссылка на объект, а
не ключевое слово this, для обращения к форме. Код возвращает
ссылку на myForm, которая является контейнером для объекта myHiddenObject.
