Массив elements

Массив объектов, содержащий элементы формы (такие, как checkbox, radio и text) в порядке их описания в документе.

Вы можете ссылаться на элементы формы, используя массив elements. Этот массив содержит запись для каждого объекта (button, checkbox, password, radio, select, submit, text, textarea) в форме по порядку встречаемости. Например, если форма содержит поле text и два элемента checkbox, то эти элементы адресуются так: formName.elements[0], formName.elements[1], formName.elements[2].

Вы можете также ссылаться на элементы формы, используя имя элемента (из атрибута NAME). Например, если второй объект в первой в документе форме userInfo является объектом text с именем userName, вы можете получить его значение любым из следующих способов:

userInfo.userName.value,

userInfo.elements[1].value,

forms[0].userName.value,

forms[0].elements[1].value.

Для получения количества элементов формы используется свойство length:

formName.elements.length

Каждая кнопка radio в объекте radio представляется как отдельный элемент в массиве elements.

Элементы в массиве elements открыты только для чтения. Например, выражение formName.elements[0]="music" не имеет эффекта.

Значение каждого элемента в массиве elements является полным HTML выражением для объекта.

Свойства:

• length отражает количество элементов формы.

Массив elements содержит объекты следующих типов: hidden, text, fileUpload, checkbox, radio, button, reset, submit, select, textarea, которые соответствуют управляющим элементам формы.

Эти объекты имеют свойства:

• form - ссылка на объект Form, который содержит данный элемент. Readonly.

• type - определяет тип элемента формы. Значения свойства для объектов разных типов указаны ниже. Readonly.

• name - имя элемента (значение атрибута NAME). Readonly.

• value - значение, введенное пользователем или надпись для объектов button, reset, submit (значение атрибута VALUE).

Кроме того, некоторые объекты имеют и другие свойства, которые указаны при описании соответствующего объекта (см. с. 39-47).

Методы (не все перечисленные объекты имеют указанные методы, подробнее см. с. 39-47):

• focus() - устанавливает фокус на объект;

• blur() - убирает фокус с объекта;

• select();

• click() - Имитирует щелчок мыши на элементе формы.

Рассмотрим эти объекты подробней.

Объект text

Поле ввода текста в HTML-форме. Текстовое поле позволяет пользователю вводить слова, фразы или числовой ряд. Для определения объекта text используется стандартный HTML синтаксис с добавлением обработчиков событий onBlur, onChange, onFocus, onSelect:

<INPUT TYPE="text" ...[onBlur="handlerText"] [onChange="handlerText"] [onFocus="handlerText"] [onSelect="handlerText"]>

Свойства:

• form;

• type = "text";

• name;

• value;

• defaultValue - значение по умолчанию (значение атрибута VALUE).

Методы:

• blur();

• focus();

• select() - выделяет весь введенный текст и включает специальный режим, когда любой введенный символ заменяет выделенный текст.

События:

• onBlur;

• onChange;

• onFocus.