Техника Web-дизайна для студента

Пересылка содержимого формы

Существуют различные способы пересылки и обработки содер­жимого формы. В частности, содержимое формы может быть передано на сервер, где программа-сценарий поместит содержи­мое полей формы в базу данных. Здесь мы рассмотрим более простой способ использования формы — пересылку ее содер­жимого по заданному адресу электронной почты. Действия над формой зависят от значений параметров метки <form>:

О action="цrl" — позволяет задать адрес получателя данных из формы. Например, если написать ACTION="mailto:q0qqq", ТО форма будет отправлена по электронному адресу, указанному после "mailto:";

О ыаме="имя формы" — позволяет задать имя формы;

О method= "метод" — позволяет задать метод пересылки данных. Возможны два метода пересылки: get (действует по умолча­нию) и post. От выбранного метода зависит, в каком месте пересылаемых данных будут находиться данные формы. При пересылке данных по электронной почте необходимо исполь­зовать метод post. В этом случае сообщение будет отправлено без открытия почтовой программы (при наличии подключе­ния к сети Интернет), а в теме сообщения будет написано "Форма отправлена из Microsoft Internet Explorer";

О enctype="значение" — определяет формат кодирования дан­ных. Для пересылки данных по почте необходимо задать зна­чение этого параметра "text/plain". В этом случае текст формы будет воспроизведен в окне сообщения почтовой про­граммы.

Пример формы, отправляемой по почте, приведен в листин­ге 6.2.

Листинг 6.2. Текст документа, содержащего элементы формы, со значениями, передаваемыми по электронной почте

<ЬШ1>

<11еас1>

< 11; 1е>Форма< /1111е>

</11еас!>

<Ьос1у>

<р><Ьх£о1гЬ з1ге="5">3акажите у нас партию фруктов</£о1тЬх/Ьх/р>

<£огт method="POST" ас1;1оп="та111;о: епс-

Type="text/plain">

<^аЫе border="0" width="450" cellpadding="0" сеНэрас - 1пд="0">

<tr>

<td><b>Bвeдитe название вашей фирмы</Ьх^с!>

<tdxinput type="text" пате="В1гта" size="25"x/td> </tr>

<tr>

<tdxЪ>Bвeдитe адрес вашей фирмы</Ьх^с!>

<tdxinput type="text" name="Adres" size="25"x/td> </tr>

</taЫe>

<р>

<^аЫе border="0" width="450" cellpadding="О" сеНэрас - 1пд="0">

<tr>

<tdxb>Bыбepeтe способ доставки</Ьх^с!>

<tdxinput type="radio" name="Dostavka" та1ие="Автомобиль " сЬескес! хЬ>Автомобиль</Ьх/td>

</tr>

<1;г>

<tdx/td>

<tdxinput type="radio" name="Dostavka" value="Железная дорога"хЬ>Железная дopoгa</bx/td>

</tr>

</taЫe>

<р>

<taЫe border="0" width="450" cellpadding="0" сеИврас - 1пд="0">

<tr>

<МХ/^>

<tdxp а11дп="се1гЬег"хЬ>Количество в тoннax</bx/td> <Мхр аИдп="сеггЬег"хЬ>Страна пpoизвoдитeль</bx/td> </tr>

<tr>

Ctdxinput type="checkbox" name= "Zakaz_l" value="Апельсины"хЬ>Апель сины</Ь></1d>

<tdxp a 1 ign= "center"xinput type="text" name="Kol_Zakaz_l" size="6"x/td>

<tdxp align="center">

<select size="l" name="Strana" multiple>

Copt1оп>Испания</opt ion>

<option>ApreHTMHa</option>

<opt1оп>Марокко</opt ion>

</selectx/td>

</tr>

<tr>

<tdxinput type="checkbox" name= " Za ka z_2 " value="Груши"><Ь>Груши</bx/td>

<tdxp a 1 ign= "center"xinput type="text" name="Kol_Zakaz_2" size="6"

Ctdxp align="center">

<select size="l" name="Strana" multiple>

Copt1оп>Испания</opt ion>

<option>ApreHTMHa</option>

Copt1оп>Марокко</opt ion>

</selectx/td>

</tr>

</table>

<р><Ь>Свои пожелания перечислите в этом окне</Ьх/р>

<textarea rows="3" name="Prosba" cols="50"x/textarea>

<p>

<input type="submit" value="Отправить">

<input type="reset" value="Отменить"x/р>

</form>

</body>

</html>

Размещение элементов формы на странице осуществляется с помощью таблицы. Располагая элементы формы в соответствии с требованиями внешнего вида страницы, следует помнить, что

Все они должны находится между метками <form>...</form>, так как кнопки SUBMIT и RESET действуют только на те элемен­ты, которые находятся с ними в одной форме.

Вид страницы в окне браузера показан на рис. 6.2.

Почтовое отправление, содержащее данные формы, приведено на рис. 6.3.

Из текста почтового сообщения становится очевидным, что имена элементов формы несут смысловую нагрузку и должны выбираться таким образом, чтобы полученное сообщение могло быть легко прочитано. То же самое относится и к значениям параметров value элементов формы. В данном случае форма от­правляется по почте, и имена ее элементов могли бы быть напи­саны с использованием кириллицы. Однако при обработке фор­мы с помощью программы-сценария для имен необходимо ис­пользовать только латинские буквы и цифры. Поэтому лучше создавать форму с учетом данного требования, чтобы не при­шлось в дальнейшем ее переделывать. Для этого достаточно за­менить символы кириллицы похожими по звучанию латинскими буквами, что и сделано в нашем примере.