Текстовые панели

Использование форм в документах

Формы на 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/