Коллекция Forms. Доступ к элементу формы из скрипта
Все формы документа доступны через коллекцию forms. Например, чтобы получить значение текстового поля с именем text1 (входящего в состав формы form1), можно воспользоваться следующей строкой кода:
document.forms["form1"].text1.value
Обратиться к форме можно и как к любому элементу документа:
document.form1.text1.value
К отдельной форме можно также обратиться по индексу:
document.forms[0].text1.value
Если элемент управления находится внутри тега <form>, то ссылку на саму форму нужно обязательно указывать, иначе Web-браузер будет искать эле- мент в теле документа, игнорируя все формы, и в итоге вернет значение null.
Получить доступ к элементу, вне зависимости от того находится он внутри формы или нет, позволяет метод getElementById() объекта document:
document.getElementById("text1").value
Все элементы формы доступны через коллекцию elements: document.forms["form1"].elements["text1"].value document.forms["form1"].elements[0].value document.forms[0].elements[0].value document.form1.elements[0].value
3.18.3. Свойства объекта формы
Объект формы поддерживает следующие свойства:
? length — количество элементов формы;
? action — URL-адрес программы обработки формы;
? elements — ссылка на коллекцию elements;
? encoding — MIME-тип передаваемых данных;
? method — режим пересылки данных формы на Web-сервер;
? enctype — метод кодирования данных формы;
? name — имя формы;
? target — имя фрейма, в который будет загружен документ, являющийся результатом обработки данных формы Web-сервером.
3.18.4. Методы объекта формы
Объект формы поддерживает следующие методы:
? submit() выполняет отправку данных формы серверной программе. Ана-
логично нажатию кнопки Submit;
? reset() очищает форму, то есть все элементы формы получают значения по умолчанию. Аналогично нажатию кнопки Reset.
3.18.5. События объекта формы
Объект формы поддерживает следующие события:
? onsubmit наступает при отправке данных формы;
? onreset возникает при очистке формы.
Элементы управления имеют свои свойства, методы и события. Рассмотрим каждый тип элементов формы по отдельности.
Источник: Прохоренок Н. А. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера. — 3-е изд., перераб. и доп. — СПб.: БХВ-Петербург, 2010. — 912 с.: ил. + Видеокурс (на CD-ROM) — (Профессиональное программирование)