Формы предназначены для обмена данными между пользователем и сервером.
Область применения форм не ограничена отправкой данных на сервер, с помощью
скриптов можно получить доступ к любому элементу формы, изменять его и применять
по своему усмотрению.
Пример 1. Добавление формы в документ |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<body>
<form>
Здесь размещаются
элементы формы
</form>
</body>
</html> |
Любая форма содержит несколько параметров:
-
Элементы формы, которые представляют собой стандартные поля для ввода
информации.
-
Кнопку отправки данных формы на сервер.
-
Адрес программы на веб-сервере, которая будет обрабатывать содержимое
данных формы.
Чтобы указать браузеру куда и как отправлять данные формы используется два
параметра:
action — адрес CGI-программы, которая принимает
данные формы.
method — метод пересылки данных, содержащихся в
форме, от браузера к веб-серверу. Может принимать два значения: GET и POST.
При использовании метода GET данные формы пересылаются в составе URL-запроса
и перечисляются после символа вопроса (?). Например, строка запроса может иметь
следующий вид:
http://www.webmaster.metroland.ru/cgi-bin/program.cgi?name=Vasya&lastname=Pupkin
При методе POST данные передаются на веб-сервер в теле запроса, при этом их
размер может быть достаточно большим (пример 2).
Пример 2. Форма с указанием параметров action и method |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<body>
<form action="/cgi-bin/program.cgi"
method="POST">
Здесь размещаются элементы
формы
</form>
</body>
</html> |
Метод GET используется браузерами по умолчанию, поэтому при выборе метода
отправки данных на сервер, параметр method="GET" можно опустить.
При размещении формы в ячейке таблицы, вокруг нее автоматически, сверху и
снизу добавляются поля. Чтобы их убрать, добавьте стилевой параметр margin со значение ноль к тегу <FORM> (пример 3).
Пример 3. Использование стилей для установки отступов в
форме |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
<html>
<body>
<form style="margin:
0px">
...
</form>
</body>
</html> |