Разработка INTRANET приложений


Формы для организации диалога


Форма 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.




- Начало -  - Назад -  - Вперед -



Книжный магазин