Главная
Блог разработчиков phpBB
 
+ 17 предустановленных модов
+ SEO-оптимизация форума
+ авторизация через соц. сети
+ защита от спама

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

Alex | 16.03.2014 | нет комментариев

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

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

 

АВТОРСКИЕ ПРАВА
Источник: alldes.net
При перепечатке ссылка на источник обязательна
Оставить комментарий

Ваш email не будет опубликован. Обязательные поля помечены (обязательно)

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Форум phpBB, русская поддержка форума phpBB
Рейтинг@Mail.ru 2008 - 2014 © BB3x.ru - русская поддержка форума phpBB