Добавление формы на страницу


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

Пример 1. Добавление формы в документ
<html>
<body>

<form>
  Здесь размещаются элементы формы
</form>

</body>
</html>

Любая форма содержит несколько параметров:

1. Элементы формы, которые представляют собой стандартные поля для ввода информации;
2. Кнопку отправки данных формы на сервер;
3. Адрес программы на веб-сервере, которая будет обрабатывать содержимое данных формы.

Чтобы указать браузеру куда и как отправлять данные формы используется два параметра:

Action — адрес CGI-программы, которая принимает данные формы.

Method — метод пересылки данных, содержащихся в форме, от браузера к веб-серверу. Может принимать два значения: GET и POST.

При использовании метода GET данные формы пересылаются в составе URL-запроса и перечисляются после символа вопроса (?). Например, строка запроса может иметь следующий вид:
http://www.htmlbook.ru/cgi-bin/program.cgi?name=Vasya&lastname=Pupkin

При методе POST данные передаются на веб-сервер в теле запроса, после чего передаются сервером в программу через стандартный ввод.

Пример 2. Форма с указанием параметров Action и Method
<html>
<body>

<form action="/cgi-bin/program.cgi" method=POST>
  Здесь размещаются элементы формы
</form>

</body>
</html>

Метод GET используется браузерами по умолчанию, поэтому при выборе метода отправки данных на сервер, параметр method=GET можно опустить.

При размещении формы в ячейке таблицы, вокруг нее автоматически, сверху и снизу добавляются поля. Чтобы их убрать, сделайте наоборот — поместите таблицу внутри формы (пример 3).

Пример 3. Отступы в форме
<form>
<table>
<tr><td>
<input type="text" size=10>
</td></tr>
</table>
</form>

Того же результата можно добиться и с помощью стилей, добавив параметр margin со значение ноль к тегу FORM (пример 4).

Пример 4. Использование стилей для установки отступов в форме
<form style="margin: 0px">
...
</form>


Следующая статья     Список статей    

Предыдущий раздел