Формы || Урок6

Перейдем к рассмотрению форм. Простейшая форма, которая позволит клиенту взаимодействовать с вами - это отправка электронной почты. Желательно сделать так, чтобы клиент мог отправить вам E-mail прямо с вашей страницы. К счастью, для этого браузер имеет встроенные функции. Единственное, что вам надо это сделать - это вставить следующую строчку в нужном месте HTML - файла:
<A HREF = MAILTO: ВАШ_E-MAIL_АДРЕС> текст для просмоторщика </A>
. Вместо фразы ваш_E-mail_адрес вам надо вставить фактический адрес электронной почты. А текст для браузера ( например, "пошли письмо" или "жду привета" как соловей лета") будет выделен на экране ярким светом. Когда курсор мыши покроет его, он превратиться в руку, приглашая щелкнуть мышью.

Удобно и просто! Однако иногда для принятия решения необходимо иметь конкректную информацию от клиента. Это возможно сделать, задав ему вопросы и предоставив место для ответов. Ответы могут быть представлены как в виде произвольного текста, так и в виде отмеченных крестиком квадратиком (выбор одной опции из списка, выбор одного из существующих ответов и т.д.). Формы позволяют разнообразить типы ответов, а главное - получить вполне конкретные ответы на поставленные вопросы. Подобная систематизация может обеспечить в дальнейшем компьютерную обработку полученных данных.
Итак любая анкета обрамляется ярлыком <FORM>(</FORM>). Внутри этого ярлыка имеются вда параметра:
METHOOD и ACTION. Первый определяет метод, которым данная форма будет передана для дальнейшего делопроизводства, и имеет два значения: POST и GET. Инструкция ACTION определяет, что делать с анкетой далее, и большинстве случев имеет gпуть к CGI скрипту :
ACTION=CGI-BIN/FORMS.CGI
Любой скрипт можно скачать из Интернета или написать самому. После обработки скриптом анкета придет к вам на E-Mail. Дальше форма <INPUT> или <SELECT>, которые определяют стиль вводимой клинтом инфомации. Рассмотрим детальнее структуру ярлыка <INPUT> с соответствующими параметрами на следующем примере:
<INPUT TYPE="TEXT" NAME="ИМЯ КЛИЕНТА" SIZE="30">

Значение TEXT инструкции TYPE указывает, что вводимая информация будет произвольным текстом, инструкция NAME относится к названию вводимого стиля. Анкету, которую вы получите, будет отличаться от аккуратного изображения на Web-странице. Для того чтобы вам легче было в нем ориентироваться и ясно понимать, какому вопросу соответствует ответ, следует дать очевиднее название для характеристики NAME( имя, адрес, телефон), ибо именно оно будет располагаться в письме перед соответствующим ответом. SIZE (размер) определяет максимальную длину поля, в которое клиент может ввести свое имя.
Следующая таблица иллюстрирует возможные стили ответов.

Значение INPUT Соответствующий стиль
TEXT Текстовое поле
RADIO Селектроная кнопка
СHECKBOX Контрольный индикатор
SUBMIT Кнопка для отсылки анкеты
RESET Кнопка для очистки анкеты

Приступим к нашему примеру

<HTML>
<HEAD>
<!--пример анкеты-->
<TITLE>Form Sample</TITLE>
<FORM METHOOD="POST" ACTION="путь к CGI-скрипту">
<H4>Анкета трудоустройства</H4>
<! Ярлыком P мы разделяем вопросы анкеты>
<P>
<! Ярлыком BR мы совершаем переход на новую строку>
Ваше имя:<BR>
<INPUT TYPE="TEXT" NAME="Имя" SIZE="30"><BR>
Адрес:<BR>
<INPUT TYPE="TEXT" NAME="Адрес" SIZE="30"><BR>
Телефон:<BR>
<INPUT TYPE="TEXT" NAME="Телефон" SIZE="10"<BR>
<P>
<INPUT TYPE="RADIO" NAME="Выбор1" VALUE="Мужчина"> Мужчина <BR>
<INPUT TYPE="RADIO" NAME="Выбор1" VALUE="Женщина"> Женщина
<P>
Образование:<BR>
<INPUT TYPE="CHECBOX" NAME="Выбор 2" VALUE="Школа"> Школа <BR>
<INPUT TYPE="CHECBOX" NAME="Выбор 2" VALUE="Техникум"> Техникум <BR>
<INPUT TYPE="CHECBOX" NAME="Выбор 2" VALUE="Институт"> Институт <BR>
<INPUT TYPE="CHECBOX" NAME="Выбор 2" VALUE="Аспирантура"> Школа
<P>
Значение иностранных языков:<BR>
<SELET NAME="Язык">
<OPTION>Английский
<OPTION>Французкий
<OPTION>Немецкий
<OPTION>Испанский
</SELECT>
<P>
Комментарий:<BR>
<TEXTAREA NAME="Комментарий" ROWS=7 COLS=50> </TEXTAREA>
<P>
<INPUT TYPE="SUMBIT" VALUE="ПОСЛАТЬ">
<INPUT TYPE="RESET" VALUE="ОЧИСТИТЬ">
</FORM>
</HTML>

Не буду описывать все ярлыки . Создайте этот пример у себя на компьютере и сами всё увидете. По поводу CGI-скриптов могу сказать следующее, у нас на сайте в разделе "обучение" есть статью " Что такое CGI … ". Если вы собираетесь делать у себя на сайте формы, то вам следовало бы прочитать эту статью.