Иллюстрированный самоучитель по Perl
       

Пример формы


Ниже представлен пример формы, включающей набор характерных полей и HTML-код, использованный для ее создания.

<htmlxheadxtitle>пpимep формы</^д^1ех/пеаЗ>

<body>

<b2>Регистрационная страница Клуба любителей фантастики</b2>

Заполнив анкету, вы сможете пользоваться нашей электронной библиотекой.

<br>

<form method="get" action="/cgi-bin/registrar.cgi">

<pre>

Введите регистрационное имя: <input type="text" name="regnarae">

Введите пароль: <input type="password" name="passwordl" max-length=8>

Подтвердите пароль: <input type="password" name="password2" max-length=8>

</pre>

Ваш возраст:



<input type="radio" name="age" value="lt20" checked >До 20

<input type="radio" name="age" value="20_30">20-30

<input type="radio" name="age" value="30_50">30-50

<input type="radio" name="age" value="gt50">CTapiue 50

<brxbr>

На каких языках читаете:

<input type="checkbox" name="language" value="russian" checked>pycciorii

<input type="checkbox" name="language" ^а1ие="english">английский

<input type="checkbox" name="language" Уа1ие="£гепсЬ">французский

<input type="checkbox" name="language" value="germnan">немецкий

<brxbr>

Какой формат данных является для Вас предпочтительным

<br>

<select name="format" size=2 >

<option selected value="HTML">HTML

<option value="Plain text">Plain text

<option value="PostScript">PostScript

<option value="PDF">PDF </select> <brxbr>

Ваши любимые авторы: <br> <textarea name="wish" cols=40 rows=3>




</textarea> <brxbr>
<input type="submit" value="OK"> <input type="reset" уа!ие="0тменить">
</form>
</body> \
</html>
Данная форма содержит:
  • текстовое поле для ввода регистрационного имени пользователя;

  • текстовое поле для ввода пароля, отображаемого в окне символами *;

  • текстовое поле для подтверждения пароля, также отображаемого символами *;

  • группу радиокнопок для указания возраста пользователя (единственный выбор);

  • группу переключателей для указания языков, которыми владеет пользователь (множественный выбор);

  • список прокрутки для указания предпочтительного формата данных (выбор из ограниченного списка);

  • блок ввода многострочного текста для перечисления любимых авторов (неизвестное заранее количество строк);

  • кнопку передачи с меткой ОК (у этого элемента отсутствует атрибут NAME, он не нужен, так как в данном примере всего одна кнопка передачи, а, значит, CGI-программе нет необходимости определять, от какой именно кнопки поступила команда передачи данных);

  • кнопку сброса с меткой Отменить.

    • Итак, пользователь заполнил форму и щелкнул кнопку передачи Submit. Дальнейшее прохождение данных выглядит следующим образом.
    1. Информация кодируется и пересылается на Web-сервер, который передает ее для обработки CGI-программе.
    2. CGI-программа обрабатывает полученные данные, возможно, обращаясь за помощью к другим программам, выполняющимся на том же компьютере, и генерирует новый "виртуальный" HTML-документ, либо определяет ссылку на уже имеющийся.
    3. Новый HTML-документ или ссылка передаются CGI-Программой Web-серверу для возврата клиенту.
    Рассмотрим эти шаги более подробно.

    Содержание раздела