Добавляем...


Доступ к полям формы
Точно так же, как объект Document содержит коллекцию объектов, представляющих дескрипторы <form>, каждый объект формы содержит коллекцию elements[ ], обеспечивающую доступ к полям формы. Так, для формы из предыдущего примера, window.document.customerform.elements[0] соответствует первому полю формы. Можно получить доступ к полям формы и по имени, например, с помощью window.document.customerform.firstname или window.document.customerform.elements["firstname"].
Выяснив значение свойства length коллекции elements[ ] (window.document.customerform.elements.length), можно выполнить проход по всем элементам коллекции полей формы. Для удобства значение свойства length коллекции elements[ ] хранится и в объекте Form. Это обеспечивает более короткий путь к значению, характеризующему число полей: document.customerform.length.
Перед тем как обратиться к объектам, представляющим различные типы поле формы, предлагаем рассмотреть пример, демонстрирующий возможности доступа к свойствам и методам объекта Form.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtmll/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Пpoвepкa объекта Form</title>
<meta http-equiv="content-type"
content="text/html; charset=windows-1251" />
</head>
<body>
<h2 align="center">Фopмa для проверки</h2>
<form action="http://www.javascriptref.com/formEcho"
method="post" name="testform" id="testform"
onreset="return confirm('Вы уверены?');"
onsubmit="alert('Данные фактически не отправляются'); return false;">
<1аЬе1>Имя:
<input type="text" id="field1" name="field1" size="20" value="Иван Степанов" /></label>
<br />
<1аЬе1>Пароль:
<input type="password" id="field2" name="field2" size="8" maxlength="8" /></label>
<br />
<input type="reset" value="Очистка"/>
<input type="submit" value="Oтпpaвкa"/>
<input type="button" value="Bыпoлнить очистку" onclick="document.testform.reset();" />
<input type="button" value="Bыпoлнить отправку" onclick="document.testform.submit();" />
</form>
<hr />
<h2 align="center">Cвойствa объекта Form</h2>
<script type="text/javascript">
<!--
// Можете заменить document.testform на document.forms[0] -// результат будет тем же.
with (document.testform)
{
document.write("action: "+action+"<br />");
document.write("encoding: "+encoding+"<br />");
document.write("length: "+length+"<br />");
document.write("method: "+method+"<br />");
document.write("name: "+name+"<br />");
document.write("action: "+action+"<br />");
document.write ("target: "+target+ff<br />");
for (var i=0; i<document.testform.length; i++) document.write("element["+i+"].type="+ document.testform.elements[i].type+"<br />");
}
//-->
</script>
</body>
</html>

назад:
далее:


добавить комментарий
(без перезагрузки и регистрации)


10 случайных разделов

Что ищем на сайте ?


Примеры кода на сайте







@ 2008-2011 Amber
При использовании материалов ссылка на сайт обязательна
Яндекс.Метрика