Методы объекта Form

Метод submit()

Метод submit() позволяет проинициировать передачу введенных в форму данных на сервер:

<FORM NAME=f ACTION="http://www.intuit.ru/rating_students/">

Ваше имя пользователя на intuit:<INPUT NAME=query>

</FORM>

<A HREF="javascript:document.f.submit();">Посмотреть рейтинг</A>

Как видите, кнопки отправки (submit) у формы нет, но нажав на ссылку, мы выполняем отправку данных на сервер. Обычно при такой "скрытой" отправке данных на сервер браузеры, в целях безопасности, запрашивают подтверждение, действительно ли пользователь желает отправить данные. Отправка данных путем вызова метода submit() имеет отличия от нажатия пользователем кнопки INPUT типа TYPE=submit; их мы рассмотрим в конце лекции.

Метод reset()

Метод reset() (не путать с обработчиком события onReset, рассматриваемым ниже) позволяет восстановить значения полей формы, заданные по умолчанию. Другими словами, вызов метода reset() равносилен нажатию на кнопку INPUT типа TYPE=reset, но при этом саму эту кнопку создавать не требуется.

<FORM NAME=f>

<INPUT VALUE="Значение по умолчанию" SIZE=30>

<INPUT TYPE=button VALUE="Изменим текст в поле ввода"

onClick="document.f.elements[0].value='Изменили текст';">

</FORM>

<A HREF="javascript:document.f.reset();void(0);">

Установили значение по умолчанию</A>

В данном примере если кликнуть по гипертекстовой ссылке, то в форме происходит восстановление значений полей по умолчанию.