Возвратные, почтовые формы

Форма это средство общения посетителя страницы с автором.
В форме используются: Существуют 2 способа передачи данных:
Форма состоит из трех или четырех частей: Форма задается тегом <form></form>

1.1 Часть1 - Адрес и Метод Отправки:


<form action="Адрес обработчика" method="POST"></form>
<form action="mailto:your@e-mail" method="POST"></form>

ACTION= - это обязательный параметр, он указывает куда будет направлена форма.
Адрес обработчика - это адрес обработчика форм (обычно formmail.cgi на сервере Вашего провайдера)
Адрес обработчика может принять значение mailto:your@e-mail, тогда формы будут приходить на Ваш E-Mail напрямую
METHOD= - это метод отправки (бывает GET или POST)


1.2 Часть2 - Поля Формы:


1.21 Текстовые строки TYPE=text:

Позволяют передать одну строку текста
В это окно можно ввести свой текст или оставить без изменений.

<input type="Text" name="Text1" value="Введите текст" size="30">

К Вам будет доставлена строка:
Text1=Введите текст
1.22 Поле ввода пароля TYPE=password:

Позволяют передать строку с паролем
В это окно вводится пароль длиной до 10 символов, который на экране будет заменяться символом "*"

<input type="Password" name="Password" size="30" maxlength="10">

Предположим Вы ввели Master
К Вам будет доставлена строка:
Password=Master
1.23 Текстовое окно TEXTAREA:

Позволяет передать большой кусок текста
В это окно вводится большое количество текста

<textarea name="Text2" cols="40" rows="5"></textarea>


1.24 Радиокнопка TYPE=radio:

Позволяет сделать выбор
Зеленая
Красная
Синяя
Здесь можно сделать выбор (checked означает, что по умолчанию выбран данный пункт)

<input type="Radio" name="Color" value="Зеленая" checked>Зеленая
<input type="Radio" name="Color" value="Красная">Красная
<input type="Radio" name="Color" value="Синяя">Синяя



К Вам будет доставлена строка:
Color=Зеленая
1.25 Помеченный квадрат TYPE=checkbox:

Позволяет сделать выбор
HP
Epson
Netscape
Здесь можно сделать выбор если выберете 2 пункта

<input type="Checkbox" name="box" value="HP">HP
<input type="Checkbox" name="box" value="Epson" checked>Epson
<input type="Checkbox" name="box" value="Netscape">Netscape


Здесь можно сделать выбор, если выберете 2 пункта (1 и 2) К Вам будут доставлены 2 строки:
Box=Epson
Box=Netscape

1.26 Меню SELECT:

Позволяет сделать выбор
Здесь можно сделать выбор (selected означает, что по умолчанию выбран данный пункт)

<select name="Provider">
<option value="Prov" selected>ORC</option>
<option value="Prov">GlasNet</option>
<option value="Prov">Cityline</option>
<option value="Prov">Sitek</option>
<option value="Prov">Aha</option>
<option value="Prov">Other</option>
</select>


Тег SELECT может содержать атрибут MULTIPLE, тогда можно выбрать несколько пунктов одновременно, это выглядит вот так:

1.27 Выбор файла TYPE=file:

Позволяет отправить файл

<input type="File" name="File" size="30">


1.3 Часть3 - Кнопка или Картинка Отправки:

Для отправки необходимо сделать главную кнопку "Submit":

<input type="Submit" name="Submit">


Сейчас можно вместо кнопки сделать картинку:
<input type="Image" name="Image Submit" src="image.gif">


Для отмены можно сделать кнопку отмены "Reset":
<input type="reset">


1.4 Часть4 - Дополнительные возможности:

Дополнительные возможности в форме (Hidden - скрытые поля) позволяют:

<input type="Hidden" name="required" value="email, realname"> - Здесь можно перечислить поля, заполнение которых является обязательным.

<input type="Hidden" name="env_report" value="REMOTE_HOST, REMOTE_ADDR, HTTP_USER_AGENT"> - Позволяет получить Вам информацию о посетителе - его IP адрес, host и browser, с помощью которого отправитель заполнял форму.

<input type="Hidden" name="print_config" value="realname, email, Homepage"> - Позволяет отображать конфигурационные переменные в теле письма.

<input type="Hidden" name="sort" value="order: Realname, E-mail, Homepage, Message"> - Здесь можно управлять порядком, в котором форма укажет в письме заполненные поля.

<input type="Hidden" name="redirect" value="http://www.provider.ru/thankyou.html"> - В этом поле Вы можете указать адрес страницы, на которую попадет пользователь, успешно заполнивший и отославший письмо
Совет: Поместите свою форму в Таблицу (Будет намного лучше смотреться)

Copyright © 1997-98 SMV_WebMaster