Формы предназначены для обмена данными между пользователем и сервером. Область
применения форм не ограничена отправкой данных на сервер, с помощью скриптов
можно получить доступ к любому элементу формы, изменять его и применять по
своему усмотрению.
Для указания браузеру где начинается и заканчивается форма, используется тег
<FORM> (пример 1). Между открывающим и закрывающим
тегами <FORM> и </FORM>
можно помещать любые необходимые теги HTML. Это позволяет добавить элементы
формы в ячейки таблицы для их форматирования, а также использовать изображения.
Документ может содержать несколько форм, но они не должны быть вложены одна
в другую.
Пример 1. Добавление формы в документ
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Формы</title>
</head>
<body>
<form>
<p>Здесь размещаются элементы формы</p> </form>
</body>
</html>
Любая форма содержит несколько параметров:
Элементы формы, которые представляют собой стандартные поля для ввода информации.
Кнопку отправки данных формы на сервер.
Адрес программы на веб-сервере, которая будет обрабатывать содержимое данных
формы.
Чтобы указать браузеру куда и как отправлять данные формы используется
два параметра:
action — адрес CGI-программы, которая принимает
данные формы. Это обязательный параметр тега <FORM>.
method — метод пересылки данных, содержащихся
в форме, от браузера к веб-серверу. Может принимать два значения: get и post.
При использовании метода GET данные формы пересылаются в составе URL-запроса
и перечисляются после символа вопроса (?). Например, строка запроса может иметь
следующий вид:
http://www.alldes.net/cgi-bin/program.cgi?name=Vasya&lastname=Pupkin
При методе POST данные передаются на веб-сервер в теле запроса, при этом их
размер может быть достаточно большим (пример 2).
Пример 2. Форма с указанием параметров action и method
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Метод POST</title>
</head>
<body>
<form action="/cgi-bin/program.cgi" method="post">
<p>Здесь размещаются элементы формы</p> </form>
</body>
</html>
Метод GET используется браузерами по умолчанию, поэтому при выборе метода отправки
данных на сервер, параметр method="get"
можно опустить.
При размещении формы в ячейке таблицы, вокруг нее автоматически, сверху и снизу
добавляются поля. Чтобы их убрать, добавьте стилевой параметр margin
со значение ноль к тегу <FORM> (пример 3).
Пример 3. Использование стилей для установки отступов
в форме
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Отступы в форме</title>
</head>
<body>
<form action="current.php" style="margin: 0">
<p>...</p>
</form>
</body>
</html>
Ваш коментарий будет первым
