Студопедия

Главная страница Случайная страница

Разделы сайта

АвтомобилиАстрономияБиологияГеографияДом и садДругие языкиДругоеИнформатикаИсторияКультураЛитератураЛогикаМатематикаМедицинаМеталлургияМеханикаОбразованиеОхрана трудаПедагогикаПолитикаПравоПсихологияРелигияРиторикаСоциологияСпортСтроительствоТехнологияТуризмФизикаФилософияФинансыХимияЧерчениеЭкологияЭкономикаЭлектроника






  • Листинг 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@ma­il.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, должны быть разными внутри одной формы, но могут совпа­дать с именами полей других форм — браузер не за­путается, ведь формы разные и они отображаются в разные объекты.






    © 2023 :: MyLektsii.ru :: Мои Лекции
    Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав.
    Копирование текстов разрешено только с указанием индексируемой ссылки на источник.