Формы для организации диалога
Форма FORM служит для организации диалога по выбору и вводу данных, по нажатию экранных кнопок. Обработка введенных данных осуществляется серверной программой, заданной в атрибуте ACTION. Обмен данными между броузером и сервером производится через интерфейс CGI с помощью методов GET (через переменные среды) и POST (через входной и выходной потоки), задаваемые атрибутом METHOD. В обмене участвуют пары "имя=значение" для диалоговых переменных.
При наличии нескольких форм на HTML-странице необходимо их именовать (атрибут NAME).
Основными элементами формы являются элемент ввода INPUT, многострочная область текста TEXTAREA и меню SELECT (рисунок 3.2).
<FORM NAME=форма ACTION=сервер_прогрMETHOD=метод_доступа
<INPUTTYPE=тип NAME=перем...> Ввод данных ... <TEXTAREANAME=имя> многострочный текст
</TEXTAREA> <SELECTNAME=имя> Выбор из меню (списка) <OPTION> Первое <OPTION> Второе <OPTION> Третье </SELECT> </FORM>
Рис. 3.2. Основные элементы HTML-формы
Элемент INPUT является наиболее универсальным, реализует наибольшее число диалоговых элементов, тип которых определяется атрибутом TYPE.
Поля ввода имеют типы:
- TEXT - простое текстовое поле
- PASSWORD - ввод пароля без отображения
- FILE - поле ввода или выбора имени файла.
Для полей выбора различают типы:
- CHECKBOX - поле выбора с помощью пометки
- RADIO - поле выбора с помощью "радиокнопок".
В формах поддерживаются экранные кнопки следующих типов:
- SUBMIT - кнопка вызова действия ACTION
- RESET - кнопка сброса (восстановления значений по умолчанию)
- IMAGE - пиктографическая кнопка.
Каждый элемент INPUT обязательно имеет имя переменной, задаваемое атрибутом NAME, оно служит для идентификации переменной при обмене данными с обрабатывающей программой.
Для полей ввода можно задавать значения по умолчанию с помощью атрибута VALUE. Этот же атрибут для текстовых кнопок определяет надписи на них. Начальное состояние полей выбора задается атрибутом CHECKED.
Атрибут SIZE определяет размер видимой части поля ввода, а MAXLENGTH - максимальное число символов, которое можно ввести в поле. С помощью атрибута ALIGN обеспечивается выравнивание введенного значения.
Специальный тип HIDDEN позволяет скрыть элемент диалога, а также может служить для хранения значений рабочих переменных.
Для графических кнопок атрибут SRC задает адрес изображения.
Элемент TEXTAREA предназначен для ввода строк длинного текста. Каждая область поименована (атрибут NAME) и имеет два параметра для определения ее размера: число видимых строк ROWS и ширина области COLS. Текст внутри контейнера TEXTAREA отображается на экране.
Элемент SELECT с вложенными элементами OPTION предназначены для организации меню разных типов: выпадающих, с множественным выбором и графических (определяется атрибутом TYPE).
В некоторых броузерах поддерживаются дополнительные атрибуты, упрощающие контроль данных. Так параметры MIN и MAX позволяют контролировать вводимое числовое значение по диапазону допустимых значений. В атрибуте ERROR приводится текст сообщения об ошибке при неправильном вводе. Для создания нередактируемых полей вывода или запрета редактирования используется атрибут DISABLE.
