Разработка магазинов с гарантией попадания в ТОП поисковых систем

Узнать подробнее

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 при помощи JavaScript.