Списки выбора
Парный тег <SELECT> позволяет создавать обычные и раскрывающиеся списки. Отдельные пункты задаются при помощи парного тега <OPTION>, который допустим только внутри данного элемента (закрывающийся тег можно </OPTION> опускать). Параметры элементов списка описываются следующими атрибутами:
NAME – идентификатор элемента списка;
MULTIPLE – наличие этого атрибута, позволяет пользователю одновременно выбрать несколько элементов списка;
SELECTED – атрибут, использующийся для пометки элементов списка, которые будут выбраны.
Например, следующий код создает выпадающий список из трех элементов, а пункт «Второй элемент» выбран по умолчанию:
<FORM METHOD="POST"
ACTION-"http://domen.ru/scripts/test.cgi">
<SELECT NAME="sel1">
<OPTION>Первыйэлемент
<OPTION SELECTED>Второйэлемент
<OPTION>Третийэлемент
</SELECT>
</FORM>
Многострочный текстовый блок
Парный тег <TEXTAREA> определяет прямоугольное окно, для ввода текстовой информации. Если определено значение по умолчанию, оно выводится при открытии формы, в противном случае поле появится незаполненным. Параметры текстовой области определяются следующими атрибутами:
NAME – идентификатор текстового блока;
R
OWS,
COLUMNS
–
атрибуты,
имеющие целочисленные аргументы,
определяющие число строк в текстовом
блоке и количество символов в строке;
Этот пример иллюстрирует применение тега <TEXTAREA>:
<FORM METHOD="POST"
ACTION-"http://domen.ru/scripts/test.cgi">
<TEXTAREA NAME="ta1" ROWS=5 COLUMNS=40>Я поступил в этот ВУЗ потому что…
</TEXTAREA>
</FORM>
В заключение приведем пример формы, содержащей все основные элементы управления:
<HTML>
<HEAD><TITLE> Пример HTML-документа </TITLE></HEAD>
<BODY>
<H2 ALIGN=CENTER> Пример создания форм </H2>
<FORM METHOD="POST" ACTION="http://domen.ru/scripts/test.cgi ">
Имя: <INPUT TYPE="TEXT" SIZE=20 NAME="txt1"> <BR><BR>
<INPUT TYPE="CHECKBOX" NAME="chk1" VALUE="YES" CHECKED>Запомнить<BR><BR>
<INPUT TYPE="RADIO" NAME="rb1" VALUE="1" CHECKED> сегодня <BR>
<INPUT TYPE="RADIO" NAME="rb1" VALUE="2"> за последнюю неделю <BR>
<INPUT TYPE="RADIO" NAME="rb1" VALUE="3"> за последний месяц <BR><BR>
<SELECT NAME="sel1">
<OPTION>Первыйэлемент
<OPTION SELECTED>Второйэлемент
<OPTION>Третийэлемент
</SELECT><BR><BR>
<P>Введите в это поле свои комментарии:<BR>
<TEXTAREA NAME="ta1" ROWS=5 COLUMNS=40>Я поступил в этот ВУЗ потому что…
</TEXTAREA><BR><BR>
<INPUT TYPE="SUBMIT" VALUE="OK" CHECKED>
<INPUT TYPE="RESET" VALUE="CANCEL">
</FORM>
</BODY>
</HTML>
Вид приведенного HTML-документа в окне браузера Internet Explorer показан на рис. 1.
По щелчку на кнопке отправки данные из формы передаются в виде пар текущих значений атрибутов NAME и VALUE, соединенных знаком равенства. Информация о флажке передается только в том случае, если он установлен. Если атрибуты NAME и VALUE определены для использованной кнопки отправки, соответствующие данные также передаются (это позволяет включать в форму несколько кнопок отправки). Данные, поступающие в таком виде, удобны как для ручной, так и для автоматической обработки.