Лабораторная работа N 3

Компоненты пользовательского интерфейса на основе WUI (Web user interface)"

Цель: Отработать навыки создания в HTML-документе компонентов, позволяющих создавать интерактивное взаимодействие пользователя с WWW-сервером (HTTP - сервер).

Программное обеспечение: стандартное (HTML-броузер).

Пояснения: Компоненты пользовательского интерфейса на основе WUI обеспечивают взаимодействие пользователя в сетевых программных приложениях (например в Интернет).К одной из важнейших функций WEB-страниц (при наличии объектов WUI), помимо непосредственного отображения информации для пользователей, относится возможность посылать на WEB - узел определенные данные и производить их обработку на сервере. Для этих целей в код страницы включаются специальные тэги, определяющие в HTML - странице специальные объекты-формы, с помощью которых можно создавать интерактивный интерфейс.

При создании формы ее содержимое заключается между тегами <FORM></FORM>. После открывающегося тега <FORM>, может быть указан сценарий или программа, которая будет обрабатывать запрос. Это определяется с помощью атрибута ACTION.

Например:

<FORM ACTION="/cgi-bin/primer.pl"> -для CGI

<FORM ACTION="/primer.php">

С помощью атрибутов METHOD определяется способ передачи данных на сервер.

Например:

<FORM ACTION="/cgi-bin/primer.pl" METHOD = "POST" >

<FORM ACTION="/primer.php" METHOD = "GET" >

При использовании метода GET информация из формы добавляется в конец URL, который был указан в описании заголовка формы. CGI-программа (CGI-скрипт) получает данные из формы в виде параметра переменной среды QUERY_STRING. При POST вся информация о форме передается после обращения к указанному URL и CGI-программа получает данные из формы в стандартный поток ввода (STDIN). Сервер не пересылает сообщение об окончании пересылки данных. Вместо этого, используется переменная окружения CONTENT_LENGTH для определения количества переданных данных. Данные считываются из стандартного потока ввода.(Программный интерфейс взаимодействия по протоколу HTTP броузер-сервер будет рассмотрен более подробно в последующих лабораторных работах,рекомендуется разработанные по этому заданию программы сохранить для дальнейшего использования)

Когда пользователь заполняет форму и активизирует кнопку SUBMIT - специальный тип кнопки, информация, введенная пользователем в форму, посылается HTTP-серверу для обработки. Рассмотрим элементы формы, обеспечивающие ввод данных и отправку их на сервер. Основные элементы формы определяются атрибутами шести типов:

  • Кнопки
  • Однострочное текстовое поле
  • Текстовые блоки
  • Меню
  • Флажки
  • Переключатели

Кнопка Submit (Отправить) используется для передачи всех вводимых данных из полей формы.

<INPUT TYPE = "SUBMIT" VALUE = "SUBMIT" NAME = "SUBMIT">

Кнопка RESET (Сброс) используется для очистки полей формы.

<INPUT TYPE = "RESET" VALUE = "RESET" NAME = "RESET">

Здесь VALUE - надпись на кнопках, NAME - имя, которое передается сценарию.

Вид кнопок в броузере


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: