Статьи о Web дизайне

         

Создание формы



Создание формы

Начнем, пожалуй, с формы. Описание формы будет заключаться между тэгами <form> и </form> и содержать внутри себя элементы формы. Мы сделаем самый минималистический вариант формоотправителя, который будет содержать следующие поля: имя, электронный адрес, текст сообщения. HTML-код нашей странички выглядит следующим образом: <html> <head><title>Форма для отправки по почте</title></head> <body><form name="Request" action="/cgi-bin/formmail.pl" method="post"> <input type=hidden name="recipient" value="yourmail@domain.com"> <input type=hidden name="subject" value="Запрос информации"> Ваше Имя: <br> <input type=text name="Имя"><br> E-mail: <br> <input type=text name="E-mail"><br> Сообщение: <br> <textarea name="Сообщение"></textarea><br><br> <input type=submit value="Отослать"> <input type=reset value="Очистить"> </form></body> </html>

Немного разъяснений по вышеприведенному коду. Обратите внимание на параметр action в тэге <form> - он определяет адрес нашего скрипта (.pl - стандартное расширение для программ, написанных на PERL). Первые элементы в форме - это специальные скрытые поля для передачи информации скрипту: поле recipient определяет e-mail, на который мы хотим отослать содержимое формы, а поле subject - строку, которая будет появляться как "тема письма". Далее идет уже описание непосредственно полей формы. Их может быть сколько угодно, но каждое из них должно иметь имя (параметр name в тэге <input>), т.к. результатом работы скрипта будет письмо, в котором каждая строка состоит из пары значений: имени поля и его содержимого. И заканчивается форма двумя кнопками, служащими для отправки сообщения (submit) и очистки формы до начального состояния (reset).

Содержание раздела