Добавление формы на страницу
Формы предназначены для обмена данными между пользователем и сервером. Область применения форм не ограничена отправкой данных на сервер, с помощью скриптов можно получить доступ к любому элементу формы, изменять его и применять по своему усмотрению.
Для указания браузеру где начинается и заканчивается форма, используется тег <FORM> (пример 1). Между открывающим и закрывающим тегами <FORM> и </FORM> можно помещать любые необходимые теги HTML. Это позволяет добавить элементы формы в ячейки таблицы для их форматирования, а также использовать изображения. Документ может содержать несколько форм, но они не должны быть вложены одна в другую.
Пример 1. Добавление формы в документ
<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.htmlbook.ru/cgi-bin/program.cgi?name=Vasya&lastname=Pupkin
При методе POST данные передаются на веб-сервер в теле запроса, при этом их размер может быть достаточно большим (пример 2).
Пример 2. Форма с указанием параметров action и method
<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>
<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>
| Статья опубликована: 12.09.2005 | Последнее обновление: 30.03.2008 |
Прежде, чем писать комментарий к статье, примите во внимание следующие моменты.
- Не задавайте вопросы в комментариях, для этой цели предназначен форум, где вы получите нужную помощь.
- Удаляются любые комментарии, которые:
- включают множество ошибок;
- написаны безграмотно;
- не имеют отношения к данной статье;
- не содержат никакой полезной информации для посетителей.
- Для выделения отдельных слов используйте следующие команды: [b]жирный[/b], [i]курсив[/i], [color=цвет]цветной текст[/color], [tag]тег[/tag], [var]параметр[/var], [code]пример[/code].
- Потренироваться в написании комментариев вы можете в песочнице.
Комментарии к статье
Лев
27.04.2007
Влад Мержевич
28.04.2007
Лесли Нильсон
04.05.2007
Влад Мержевич
08.05.2007
VICTOR
08.05.2007
Влад Мержевич
10.05.2007
http://htmlbook.ru/faq/?a=47
victor
12.05.2007
<input name="textfield" type="text" value="<a href="http://qqqqqq2009.narod.ru/0.html"> <img src="335544.bmp" title="Мой сайт посвящ?н
автомобильной компании VOLVO. На н?м Вы найд?те тесты,обзоры и все новости касающиеся этой марки"> </A> ">
</form>
Спасибо Вам, прочитав статью, в параметр value вставил слово и оно отобразилось. Как видите, по коду, я хочу сделать ссылку на мой сайт рисунком, с всплывающий подсказкой- у меня получается так, что вместо текстового поля там появляется не текст а рисунок. Что я делую не так???????
Влад Мержевич
14.05.2007
Елена
30.07.2007
Влад Мержевич
31.07.2007
трудоголик
12.08.2007
Как сдлать так что бы в форме было две кнопки, одна из них отправляла бы данные на сервер для обработки одному Java сервлету, а другая кнопка могла отправлять данные формы другому сервлету??
2. Или есть две формы, в каждой форме есть одна кнопка, как сделать так что бы данные первой формы , я мог отправить нажав на кнопку во второй форме. То есть при нажатии на кнопку во второй форме, нужно сделать так что бы данные из первой формы перешли во вторую форму. И вторая форма их уже отправила.
Это возможно сделать или нет.
Спасибо.
Евгений
08.10.2007
Можно если использовать JS.
Например на onclick повесить соответствующую JS функцию.
Elena
07.02.2008
Sheena
18.02.2008
Виктор
22.02.2008
Написать самому. Например, на РНР.
Виктор
24.02.2008
Иван Сергеевич
12.03.2008
Поэтому учите языки или используйте готовые решения (бесплатные гостевые книги/форумы и тд). Здесь идет речь только о создании формы для ввода данных.
Валерий
26.04.2008
Saemon Zixel
08.05.2008
1) можноли вкладывать в одну форму в другую?
2) если на странице 2 формы и у каждой формы по своему набору <input type="radio" , но с одинаковыми именами, то они будут работать как один набор или как два независемых набора?
Влад Мержевич
13.05.2008
2. Как разные.
Saemon Zixel
14.05.2008
cvbcv
17.06.2008