Техника Web-дизайна для студента
Пересылка содержимого формы
Существуют различные способы пересылки и обработки содержимого формы. В частности, содержимое формы может быть передано на сервер, где программа-сценарий поместит содержимое полей формы в базу данных. Здесь мы рассмотрим более простой способ использования формы — пересылку ее содержимого по заданному адресу электронной почты. Действия над формой зависят от значений параметров метки <form>:
О action="цrl" — позволяет задать адрес получателя данных из формы. Например, если написать ACTION="mailto:q0qqq", ТО форма будет отправлена по электронному адресу, указанному после "mailto:";
О ыаме="имя формы" — позволяет задать имя формы;
О method= "метод" — позволяет задать метод пересылки данных. Возможны два метода пересылки: get (действует по умолчанию) и post. От выбранного метода зависит, в каком месте пересылаемых данных будут находиться данные формы. При пересылке данных по электронной почте необходимо использовать метод post. В этом случае сообщение будет отправлено без открытия почтовой программы (при наличии подключения к сети Интернет), а в теме сообщения будет написано "Форма отправлена из Microsoft Internet Explorer";
О enctype="значение" — определяет формат кодирования данных. Для пересылки данных по почте необходимо задать значение этого параметра "text/plain". В этом случае текст формы будет воспроизведен в окне сообщения почтовой программы.
Пример формы, отправляемой по почте, приведен в листинге 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.2. Внешний вид страницы с формами в окне браузера |
Почтовое отправление, содержащее данные формы, приведено на рис. 6.3.
Из текста почтового сообщения становится очевидным, что имена элементов формы несут смысловую нагрузку и должны выбираться таким образом, чтобы полученное сообщение могло быть легко прочитано. То же самое относится и к значениям параметров value элементов формы. В данном случае форма отправляется по почте, и имена ее элементов могли бы быть написаны с использованием кириллицы. Однако при обработке формы с помощью программы-сценария для имен необходимо использовать только латинские буквы и цифры. Поэтому лучше создавать форму с учетом данного требования, чтобы не пришлось в дальнейшем ее переделывать. Для этого достаточно заменить символы кириллицы похожими по звучанию латинскими буквами, что и сделано в нашем примере.
Рис. 6.3. Текст почтового сообщения с данными формы |