Кнопка reset

Кнопка сброса (reset) позволяет вернуть все поля формы в первоначальное состояние, которое они имели при загрузке страницы. Нажатие кнопки сброса приводит к следующей последовательности действий браузера:

1. вызов обработчика события onClick у данной кнопки;
2. вызов обработчика события onReset у формы;
3. восстановление значений по умолчанию во всех полях формы.

Вызов метода click() у кнопки сброса равносилен нажатию этой кнопки, т.е. приводит к тем же трем действиям:

Пример 11. Вызов метода click() у кнопки сброса

<FORM NAME=f

onReset="return confirm('Вы хотите очистить форму?')">

<INPUT TYPE=text VALUE="Измените этот текст">

<INPUT TYPE=reset VALUE="Кнопка сброса" NAME=s

onClick="alert('Вызван обработчик onClick у кнопки сброса')">

</FORM>

<A HREF="javascript: document.f.s.click();void(0);"

>Вызвать метод <B>click()</B> кнопки сброса</A>

Есть способы сбросить форму в исходное состояние в обход кнопки сброса (которой, кстати, у формы может и не быть). Во-первых, это вызов метода reset() у формы. Во-вторых, если фокус находится на любом поле или кнопке формы, то можно нажать клавишу Esc. Пример:

Пример 12. Сброс формы нажатием клавиши Esc

Измените текст, а затем нажмите Esc (либо ссылку).<BR>

<FORM NAME=f

onReset="return confirm('Вы хотите очистить форму?')">

<INPUT TYPE=text VALUE="Измените этот текст">

</FORM>

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

>Вызвать метод <B>reset()</B> формы</A>

Как можно видеть, оба способа не просто сбрасывают форму, но и вызывают обработчик события onReset формы. Таким образом, метод reset() ведет себя более логично и предсказуемо, нежели submit().