Javascript Form.

«Работа с формами» – тринадцатый урок учебника JavaScript. Этот урок очень важен, поэтому отнеситесь к нему максимально серьезно.

Javascript Form: Контейнер FORM

Работа с формами в 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.

Урок 12: Оптимизация изображений

Урок 13: JavaScript FORM

Action