Добавляем...


Основы использования форм
Традиционно JavaScript обеспечивает доступ к формам в рамках док (X)HTML посредством объекта Form (в DOM это объект HTMLFormElement) который является дочерним для объекта Document. Как и для всех объектов документа, свойства и методы объекта Form соответствуют возможностям и атрибутам дескриптора <form> (X)HTML, которые показаны ниже:

<form
id="Уникальный буквенно-цифровой идентификатор"
name='Уникальный буквенно-цифровой идентификатор"
(id имеет преимущество)
action="Адрес URL для подачи запроса формы"
enctype="Tun кодирования для данных формы"
method="Метод подачи запроса формы (GET или POST)"
target="Имя фрейма, где отображается результат подачи запроса"> Код разметки, определяющий элементы и структуру формы </form>

Как вы уже видели при обсуждении объектных моделей, большинство свойств обекта Form JavaScript должны соответствовать атрибутам дескриптора <form>. С наиболее полезных свойств объекта Form представлена в таблице.

Таблица. Основные свойства объекта Form
Свойство Описание
action Содержит значение атрибута action, указывающее адрес URL для подачи запроса формы с предо ставленными пользователем данными
elements[] Массив объектов, представляющих элементы (поля) формы в рамках данного дескриптора <form>
encoding Содержит значение атрибута enctype, обычно это application/x-www-form-urlencoded, multipart/ form-data или text/plain. Имеет меньший приоритет, чем значение свойства enctype
enctype Рекомендуемое в рамках DOM свойство, обеспечивающее доступ к атрибуту enctype
length Число полей формы в рамках данного дескриптора <form>. Должно совпадать с elements. length
method Значение атрибута method для данного дескриптора <form> - GET или POST
name Имя <form>, заданное атрибутом name. Такое же значение рекомендуется определить и для атрк бута id
target Имя фрейма, в котором должны отображаться результаты подачи запроса формы. Может содержи специальные значения _blank, _parent, _self или _top
Объекты Form имеют также два специальных метода. Метод reset() выполняв очистку полей формы, подобно щелчку на кнопке, определенной с помощью <input type=" reset" /> (кнопка Сброс). Метод submit() запускает процесс отправки формы, подобно щелчку на кнопке, определенной с помощью <input type=" submi" /> (кнопка Подача запроса). Кроме наличия возможностей очистки и отправки формы часто требуется реакция на эти события, поэтому дескриптор <form> поддерж соответствующие атрибуты обработки событий onreset и onsubmit. Сценарии обработчиков событий могут возвращать значение false, чтобы отменить очисть подачу запроса формы. Возвращение значения true (или невозвращение значения вообще). С учетом этого замечания ясно, что следующая форма разрешает очистку, но не позволяет отправить данные:

<form action="sendit.cgi" method="get" onreset="return true;"
onsubmit="return false;">
... здесь указываются поля формы...
</form>

Замечание. Одной особенностью вызова метода submit () является то, что обычно этот метод действует в обход обработчика событий onsubmit. Поскольку в этом случае подача запроса формы инициируется сценарием, предполагается, что сценарий способен выполнить оброботку возможных событий самостоятельно.
назад:
далее:


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика