5.1.7 Работа с формами

Пример раскрывающегося списка:

<select name="months">

<option>Январь

<option>Февраль

<option selected>Март

</SELECT>

Поле для ввода многострочного текста

Создается тэгом <textarea></textarea>

Пример:

Текст программы:

<textarea name="multytext" rows="4" cols="50">

Здесь

введен

многострочный

текст.

<textarea>

Результат выполнения:

Другие элементы управления

Создаются с помощью тэга <input></input>

Примеры:

Текстовое поле:

<input name="Text_Exmpl" type="text" value="текстовое поле">

Поле ввода пароля:

<input name="Psw_Exmpl" type="password" value="password">

Переключатель:

<input name="ChkBox_Checked" type="checkbox" checked>

<input name="ChkBox_Unchecked" type="checkbox">

Группа радиокнопок:

<input name="radio_btn" type="radio" value="rb1">

<input name="radio_btn" type="radio" value="rb2" checked>

<input name="radio_btn" type="radio" value="rb3">

Отдельные радиокнопки:

<input name="radio_btn1" type="radio" value="rb1">

<input name="radio_btn2" type="radio" value="rb2" checked>

<input name="radio_btn3" type="radio" value="rb31">

Произвольная кнопка:

<input name="Btn" type="button" value="Кнопка">

Графическое изображение вместо кнопки:

<input name="ImgBtn" type="image" src="url" border="0">

При нажатии мышью на такую кнопку CGI программе будут переданы две переменные : name.x (где name - имя кнопки, а x - x- координата точки нажатия в пикселях), и name.y. Начало координат - левый верхний угол рисунка. Все значения атрибута VALUE игнорируются. Картинка задается тэгом < SRC> и по синтаксису совпадает с тэгом <IMG>.

Передача файлов:

Внимание! Поскольку данная возможность требует поддержки получения файлов WEB-сервером, то, соответственно, необходимо, чтобы сервер поддерживал получение файлов! Например:

<FORM ENCTYPE="multipart/form-data" ACTION="url" METHOD="POST">

Отправить данный файл: <INPUT NAME="myfile" TYPE="file"> <P>

<INPUT TYPE="submit" VALUE="Отправить файл">

</FORM>

Отправить данный файл:

Создание работающих форм без написания CGI-обработчика

HTML имеет механизм пересылки содержимого формы по электронной почте. Для этого в тэге <FORM>, укажем следующие значения атрибутов:

method="post", action="mailto:adress@domain.ru?subject=Message", enctype="text/plain".

В этом случае произойдет передача данных формы по электронному адресу "adress@domain.ru" в незакодированном "text/plain" виде. Заметьте, что параметром ?subject можно указать почтовой программе тему (Subject) сообщения

Пример работающей формы:

Следующая форма отправит содержимое формы на мой eMail:

Чтобы не захламлять форму, я не стал указывать в тексте тэги таблицы оставив лишь тэги, относящиеся к форме.

<form name="sendtome" method="post" action="mailto:valery@ropnet.ru?subject=Message" enctype="text/plain">

Ваш возраст

<input style="width:100px;border:2px solid red;"name="old" type="text">

Откуда Вы узнали про этот сайт

<select name="Where_You_Find_This_Site" cols="30">

<option>из поисковой системы

<option>нашел по ссылкам

<option>случайно

</select>

Следует ли дальше продолжать уроки HTML?

да

<input name="To_Continue_Lessons" type="radio" value="yes" checked>

нет

<input name="question" type="radio" value="no">

не знаю

<input name="question" type="radio" value="hz">

Какие разделы Вы хотели бы видеть еще?

JavaScript

<input name="js" type="checkbox" value="yes">

MySQL

<input name="MySQL" type="checkbox" value="yes">

Perl

<input name="perl" type="checkbox" value="yes">

VBScript

<input name="vbs" type="checkbox">

DHTML

<input name="dhtml" type="checkbox" value="yes">

Никакие

<input name="no" type="checkbox" value="yes">

<input type="submit" value="Проголосовать">

<input type="reset" value="Обнулить">

</FORM>