Простейшая форма

Как устроена форма

Формы

Формы(формуляры) превращают WWW в интерактивную среду. Они реализуют простейший способ связи пользователя и сервера.

Форма — это набор полей для ввода текста, командные кнопки и флажки, содержимое которых возвращается серверу по указанию пользователя. Сервер в дальнейшем обрабатывает информацию и, если необходимо, возвращает пользователю ответы.

Форма открывается меткой <form>и заканчивается меткой </form>. HTML-документ может содержать в себе несколько форм, однако формы не должны находиться одна внутри другой. HTML-текст, включая тэги, может размещаться внутри форм без ограничений.

Тэг <form> может содержать три атрибута, один из которых является обязательным. Вот эти атрибуты:

actionобязательный атрибут. Определяет, где находится обработчик формы.

methodопределяет метод, используемый для передачи набора данных формы на сервер

enctypeопределяет, каким образом данные из формы будут закодированы для передачи обработчику

Для того чтобы запустить процесс передачи данных из формы обработчику, нужен какой-то орган управления. Создать такой орган управления очень просто:

<input type=submit>

Встретив такую строчку внутри формы, браузер нарисует на экране кнопку с надписью submit, при нажатии на которую все имеющиеся в форме данные будут переданы обработчику, определенному в метке <form>.

Надпись на кнопке можно задать такую, какая нравится, путем введения атрибута value="Надпись", например:

Надпись, нанесенную на кнопку, можно при необходимости передать обработчику путем введения в определение кнопки атрибута name=[имя] (читается "нэйм", от английского "имя"), например:

При нажатии на такую кнопку обработчик вместе со всеми остальными данными получит и переменную button со значением “Поехали”!.

В форме может быть несколько кнопок типа submit с различными именами и/или значениями. Обработчик, таким образом, может действовать по-разному в зависимости от того, какую именно кнопку submit нажал пользователь.

Теперь мы знаем достаточно для того, чтобы написать простейшую форму. Она не будет собирать никаких данных, а просто вернет нас к тексту этой главы.

<html>

<head>

<title>Пример 14</title>

<body>

</head>

<h1>Простейшая форма </h1>

<form action="pr0008.htm"> 

<input type=submit value="Назад, к главе 7...">

</form> 

</body>

</html>

Этот фрагмент на экране будет выглядеть так:

Простейшая форма