Использование форм в документах
Формы на WEB -страницах используются для организации обмена данными между пользователем броузера и Web-сервером. Данные, введенные пользователем в формах ввода, передаются при помощи специальных методов технологии клиент/сервер, в CGI сценарий обработки данных Web-сервера.
Для размещения форм в HTML применяется контейнерный тег <FORM>...</FORM>, заключающий в себе составные элементы формы: текстовые поля, списки, поля ввода данных, флажки, переключатели и кнопки. Тег <FORM> имеет следующие атрибуты:
NAME - имя формы;
METHOD - метод отправки данных на сервер. GET - передача данных посредством переменных окружения сервера, POST - передача данных в стандартном потоке ввода/вывода сервера;
ACTION - URL получателя данных. В качестве получателя данных может выступать CGI сценарий обработки данных или ссылка на адрес электронной почты - mailto:e-mail;
TARGET - окно назначение для отображения результатов обработки данных на Web-сервере ( по умолчанию текущее окно );
Например:
pascal/<FORM NAME="Order" METHOD="GET" ACTION="/cgi-bin/get_order.pl"> </FORM> pascal/
pascal/<FORM NAME="Comment" ACTION="mailto:mybox@mymail.ru"></FORM> pascal/
Кроме вышеперечисленных элементов форм в контейнере <FORM>...</FORM> могут находиться теги HTML задающие форматирование элементов формы и ее структуру. Рассмотрим элементы форм:
Текстовые панели
Текстовые панели определяются при помощи контейнерного тега <TEXTAREA>...</TEXTAREA>. Текст заключенный в данный контейнер является содержимым данного элемента. Для определения параметров текстовых панелей, применяются следующие атрибуты:
NAME - имя элемента формы;
TITLE - подсказка в стиле ToolTip;
TABINDEX - номер элемента в форме, для переходов следующий/предыдущий;
ROWS - число строк текстовой панели;
COLS - число столбцов текстовой панели;
READONLY - содержимое текстовой панели не редактируется;
DISABLED - данный элемент формы не доступен ( элемент затеняется и исключается при переходах от элемента формы к элементу );
Пример:
pascal/<FORM NAME="txa_form"> pascal/
pascal/<TEXTAREA NAME="ta1" TITLE="Textarea 1" ROWS=3 COLS=25> Текстовая панель 1 </TEXTAREA> pascal/
pascal/<TEXTAREA NAME="ta2" TITLE="Textarea 2" ROWS=3 COLS=25 READONLY> Текстовая панель 2 </TEXTAREA> pascal/
pascal/<TEXTAREA NAME="ta3" TITLE="Textarea 3" ROWS=3 COLS=25 DISABLED> Текстовая панель 3 </TEXTAREA> pascal/
pascal/</FORM> pascal/
Раскрывающиеся списки
Раскрывающиеся списки определяются при помощи контейнерного тега <SELECT>...</SELECT>. Для определения параметров раскрывающегося списка, применяются следующие атрибуты:
NAME - имя элемента формы;
TITLE - подсказка в стиле ToolTip;
TABINDEX - номер элемента в форме, для переходов следующий/предыдущий;
SIZE - длина списка ( число строк раскрывающегося списка );
MULTIPLE - выбор значений в списке с данным атрибутом осуществляется в прокручиваемом окне;
DISABLED - данный элемент формы не доступен ( элемент затеняется и исключается при переходах от элемента формы к элементу );
Элементы списка задаются при помощи тега <OPTION>, со следующими атрибутами:
VALUE - значение для отправки серверу ( значение отображаемое в списке задается после тега <option> );
SELECTED - данный атрибут задает элемент отображаемый как начальный выбор в списке;
Пример:
pascal/<FORM NAME="sel_form"> pascal/
pascal/<SELECT NAME="sel1" TITLE="Select 1" SIZE=1> <OPTION VALUE="DJ310" SELECTED>HP Desk Jet 310 <OPTION VALUE="DJ440">HP Desk Jet 440 <OPTION VALUE="DJ690">HP Desk Jet 690 </SELECT> pascal/
pascal/<SELECT NAME="sel2" TITLE="Select 2" SIZE=1 DISABLED> <!-- нет на скдаде --> <OPTION VALUE="FX1170" SELECTED>Epson FX-1170 <OPTION VALUE="LX300">Epson LX-300 <OPTION VALUE="LX100">Epson LX-100 </SELECT> pascal/
pascal/</FORM> pascal/