Додавання форми на сторінку

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

Для вказівки браузеру де починається і закінчується форма, використовується тег <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>

Будь-яка форма містить кілька параметрів:

  1. Елементи форми, які являють собою стандартні поля для введення інформації.
  2. Кнопку відправки даних форми на сервер.
  3. Адреса програми на веб-сервері, яка буде обробляти вміст даних форми.

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

action - адреса CGI-програми, яка приймає дані форми. Це обов'язковий параметр тега <FORM>.

method - метод пересилання даних, що містяться у формі, від браузера до веб-сервера. Може приймати два значення: get і post.

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

При методі POST дані передаються на веб-сервер в тілі запиту, при цьому їх розмір може бути досить великим (приклад 2).

Приклад 2. Форма із зазначенням параметрів action і method

Дійсний HTML
<! 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. Використання стилів для установки відступів в формі

Дійсний HTML
<! 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>

Copyright що кредитують © www.htmlbook.ru