Работа с формами в JavaScript очень важна. Большинство методов существует именно для объектов класса JavaScript FORM. Даже если взглянуть на историю этого языка, то самые первые методы были созданны именно для работы с формами. Времена меняются, многое актуальное вчера уже не будет иметь практического применения сегодня, но работа с формами является ярким примером исключения.
Для обращения к самой форме и ее элементам используют именование:
<FORM NAME=f_name METHOD=post ACTION="javascript:...;">
<INPUT NAME=i_name SIZE=30 MAXLENGTH=30>
</FORM>
После именования, ко всей форме или ее элементам можно будет обратиться по имени, что сильно облегчает процесс написания скриптов:
window.document.f_name.i_name.value="Изменяем значение текстового поля";
конечно тоже самое мы можем сделать путем использования встроенного массива forms[0], но это не слишком удобно:
window.document.forms[0].elements[0].value="Текстовое поле";
Например, если на вашей странице используется более одной формы, то возникает риск просто запутаться с индексами.
Далее мы будем рассматривать основные методы и свойства работы с формами:
- action
- method
- target
- elements[]
- encoding
- reset()
- submit()
- onReset
- onSubmit
- text field
- select
- buttons
Первым делом, предлагаю вам изучить перехват события Action при помощи JavaScript.
