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


Основные методы объекта Document
Коллекция forms[ ] содержит объекты, ссылающиеся на все дескрипторы <form> в документе. Сослаться на элементы этой коллекции можно или по номеру, или по имени. Так что ссылка document.forms [ 0 ] должна соответствовать первому дескриптору формы в документе, a document.forms ["myform"] или document.myform должны ссылаться на форму с именем "myform", представленную описанием <form name="myform">, независимо от того, где именно это описание находится в документе. Главные свойства индивидуального объекта Form (или объекта HTMLFormElement в DOM) связаны с атрибутами дескриптора <form>; они перечислены ниже.
  • action — адрес URL для подачи запроса формы, соответствующий адресу, указанному атрибутом action. Если не указан, форма будет отправлена по текущему адресу документа.
  • encoding — значение атрибута enctype, обычно это application/x-www-form-urlencoded, кроме тех случаев, когда используется пересылка файла, и тогда это multipart/form-data. Это может быть и text/plain, когда для адреса URL подачи запроса используется mailto.
  • encType — свойство DOM, которое используется вместо традиционного свойства encoding для доступа к значению атрибута enctype.
  • method — значение атрибута method, get или post. Метод get используется по умолчанию, когда значение не указано.
  • name — имя формы, если таковое определено.
  • target — имя окна или фрейма, в котором следует отобразить данные формы.
Объект Form также имеет свойство length, которое соответствует числу полей в форме, определенных с помощью <input>, <select>, <textarea> и, возможно, <button> (в браузерах, поддерживающих этот элемент HTML). Объектные ссылки на эти элементы запоминаются в коллекции elements[ ] объекта Form, обсудить который мы собираемся немного позже. Наконец, объект Form поддерживает еще два метода, submit() и reset(), которые соответствует подаче запроса и очистке полей формы.
Коллекция элементов формы
Коллекция elements[ ] для объекта Form — это массив, содержащий различные поля формы, включая флажки, кнопки выбора, меню, области текста и текстовые поля, поля для ввода пароля, кнопки сброса и подачи запроса формы, обычные кнопки и даже скрытые поля. Более поздние реализации JavaScript поддерживают также поля отправки файлов. Доступ к элементам формы можно осуществлять или по номеру (document.myform.elements [0]), или по имени (document.myform.textfield1). Число элементов в форме можно выяснить с помощью document.formname.length или document.formname.elements.length. Свойства каждого объекта поля формы зависят от синтаксиса HTML. Давайте для примера рассмотрим стандартное текстовое поле.

Текстовое поле в (X)HTML определяется с помощью <input type=«text» name= «имя-поля» size=«размер-поля-в-симвопах» maxlength=«максималъная-длина-ввода-в-символах» value=«текст~по-умолчанию»/> так что для объекта текстового поля следует ожидать наличия свойств type, name, size, maxlength и value. В рамках стандарта DOM на атрибут maxlength следует ссылаться как на maxLength. Также определяется свойство defaultValue, которое соответствует оригинальному значению атрибута value, поскольку значение свойства value этого объекта изменится при изменении пользователем значения соответствующего поля. Вот простой пример работы с текстовым полем:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Работа с полем текста</title>
<meta http-equiv="content-type" content="text/html; "/>
<script type="text/javascript">
<!--
function showProps(textfield)
{
var prop, str="Свойство поля\n\n";
str += "name: "+textfield.name + "\n";
str += "type: "+textfield.type + "\n";
str += "size: "+textfield.size + "\n";
str += "maxLength: "+textfield.maxLength + "\n";
str += "value: "+textfield.value + "\n";
str += "defaultValue: "+textfield.defaultValue + "\n"; alert(str);
}
//-->
</script>
</head>
<body>
<form action="#" method="get" id="myform" name="myform">
<input type="text" id="field1" name="field1" size="20" maxlength="30"
value="исходное значение" /><br />
<input type="button" value="Прочитать текст"
onclick="alert(document.myform.field1.value);" />
<input type="button" value="Записать текст"
onclick="document.myform.field1.value='Изменено!!!';" />
<input type="button" value="Показать свойства"
onclick="showProps(document.myform.field1);" />
</form>
</body>
</html>

Просмотреть

Более подробно нюансы доступа к объекту Form и ко всем его элементам будут обсуждаться далее, где мы поговорим также о проверке данных форм и других возможностях JavaScript, касающихся работы с формами.


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


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

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


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







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