Главная страница Случайная страница
КАТЕГОРИИ:
АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника
Листинг 1
|
|
< FORM action=mailto: myaddres@mail.ru enctype=" text/plain" method=" post" >
Нажмите & #147; сброс& #148; и заполните заказ.< BR>
< INPUT type=reset value=c6poc> < BR>
< P>
< TABLE border=0 cellspacing=0 cellpadding=5>
< TR>
< TD> Ваше имя: < /TD>
< TD>
< INPUT type=text size=33 name=name
value=" Горбунков Семен Семенович" >
< /TD>
< /TR>
< TR>
< TD> Ваш адрес: < /TD>
< TD>
< INPUT type=text size=33 name=email value=" gorbun@mail.ru" >
< /TD>
< /TR>
< TR>
< TD> Прислать: < /TD>
< TD>
< INPUT type=text size=33 name=obj
value=" Программный соковыжиматель" >
< /TD>
< /TR>
< /TABLE>
< INPUT type=submit value=" послать заказ" >
< /FORM>
Если поместить этот код в HTML-программу, то на гипертекстовой страничке возникнет картинка, подобная той, что изображена на рис. 2.
Пользователь нажимает кнопку сброс, и поля принимают значения, установленные по умолчанию. Форма заполняется, и по нажатию кнопки послать заказ отправляется по адресу myaddres@mail.ru. Обычно браузер не сам отсылает форму, а поручает эту работу почтовой программе, установленной по умолчанию в операционной системе компьютера (например, Outlook). Письмо посылается в виде:
Subject: Форма отправлена из Microsoft Internet Explorer
name=Горбунков Семен Семенович
email=gorbun@mail.ru
obj=Программный соковыжиматель
Рис. 2.Форма для оформления заказа
Таким образом, письмо составляется из пар имя=значение, которые выбираются по порядку из полей формы. В качестве обратного адреса в письме указывается адрес пользователя компьютера, с которого отправляется форма. Вы можете провести серию опытов, посылая формы самим себе.
Приведенный код наглядно показывает, что внутри блока < form>...< /form> могут располагаться обычные теги.
Элемент < INPUT>
С помощью тега < input> в форме можно задать разные элементы ввода и управления.
Атрибут nате
Каждый тег < input> может содержать атрибут name. Значение этого атрибута можно использовать как имя объекта, который браузер создает для этого тега.
Пусть, например, задана форма (ее вид на экране показан на рис. 3):
< FORM name=anketa>
< INPUT type=text value=кpoшкocшивaтeль name=obj>
< /FORM>
Рис. 3.Форма с единственной строкой ввода
В программе на JavaScript можно использовать конструкцию
document.anketa.obj.value для доступа к свойству value объекта, построенного для тега < input>. Эта запись «расшифровывается» так:
document – объектdocument (родитель — объект window);
document.anketa – объект anketa (родитель — объект document);
document.anketa.obj – объект obj (родитель — объект anketa);
document.anketa.obj.value – свойство value объекта obj — соответст-
вует атрибуту value тега < input> с именем obj.
Можно прочитать значение свойства value:
var str = document.anketa.obj.value;
А можно и изменить значение этого свойства:
document.anketa.obj.value = " пылеистребитель"
Такое присваивание приведет к мгновенной перерисовке экрана. Текст «крошкосшиватель» в поле ввода заменится на «пылеистребитель» (рис. 4).
Рис. 4.Измененное содержимое строки ввода
Значение атрибута name приравнивается к имени переменной, поэтому при выборе названия нужно использовать все правила построения идентификаторов, рассмотренные в Уроке 6. В частности, нельзя использовать в имени русские буквы и цифру в качестве первого символа.
Имена, заданные атрибутом name, должны быть разными внутри одной формы, но могут совпадать с именами полей других форм — браузер не запутается, ведь формы разные и они отображаются в разные объекты.