Веб Навсегда.инфоHTML-теги → FORM

Реклама


!!! Ваша ссылка здесь всего за 10 руб в месяц на всех страницах сайта!!!

FORM

Описание элемента

Этот контейнер необходим для создания форм на странице. Формы нужны для отправки данных на сервер.

Внутри этого контейнера могут быть любые элементы. Визуально форма никак не выделяется на странице.

Но для того чтобы отправить данные через форму, необходима соответствующая кнопка (тег INPUT со значением submit у параметра type).
Вообще при наличии только одного тега INPUT, данные можно отправлять и без кнопки, а просто нажатием клавиши ENTER в пределах формы. Однако настоятельно рекомендую всегда добавлять кнопку.

Синтаксис

<form [action]=["URL"] {method name | target | enctype=(POST || GET) | "имя" | "имя" | "MIME-тип"}>
Содержимое формы
</form>

Возможные параметры

action - адрес страницы со скриптом, которому передаются данные.

method - Метод отправки данных по HTTP протоколу.

name - Имя формы

target - Имя окна или фрейма, в котором будет открываться документ, указанный в action.

enctype - Задаёт MIME-тип данных в форме.

Параметр ACTION

Указывает путь к странице со скриптом, который обрабатывает данные формы.

Возможные аргументы:
Абсолютный или относительный путь к файлу.

Значение по умолчанию:
Отсутствует.

Параметр METHOD

Задаёт метод запроса и отправки данных.

Возможные аргументы:
Значения могут быть записаны в любом регистре и возможных значений всего два.
GET - при использовании этого метода данные передаются в адресной строке браузера. При это идёт сначала название скрипта, потом знак вопроса (?), замет пара переменная=значение. Пары переменная=значение разделяются знаком амперсанта (&). При этом страницу с такими параметрами можно легко сохранить и не будет требоваться повторная отправка данных и заполнение формы, как например в методе POST. Однако есть ограничение на размер передаваемых данных: 4кб.
POST - этим методом можно отправлять гораздо больше данных, чем методом GET. Более того, этим методом можно отправлять картинки, музыку, архивы. Т.е. файлы проще говоря. При этом в адресной строке это не отображается, а сразу после выполнения запроса при попытке перезагрузить страницу браузер будет спрашивать о повторной отправке данных.

Значение по умолчанию:
Отсутствует.

Параметр NAME

Устанавливает уникальное имя формы, чтобы к ней можно было обращаться из скриптов.

Возможные аргументы:
Любое имя из цифр и латинских символов.

Значение по умолчанию:
Отсутствует.

Параметр TARGET

Указывает имя окна или фрейма в котором откроется скрипт, указанный в action. В случае если не будет найдено окно или фрейм с указанным именем, то открытие произойдёт в новом окне. Так же есть, так называемые "зарезервированные имя окон".

Возможные аргументы:
Имя окна или фрейма или любое из зарезервированных имен:
_blank - Загружает ссылку в новое окно или фрейм.
_self - Загружает ссылку в текущем окне или фрейме.
_parent - Загружает ссылку в родительский фрейм (тот, из которого была открыт этот документ). А если таковой отсутствует, то работает как _self.
_top - Загружает ссылку в полном окне браузера, "съедая" все существующие фреймы. При отсутствии фреймов, опять же работает как _self

Значение по умолчанию:
_self.

Параметр ENCTYPE

Указывает MIME-тип данных, передаваемых через форму. В большинстве случаев указывать его не нужно. Это требуется только в случае отправки через форму "сложных" данных, например файлов.

Возможные аргументы:
Корректный MIME-тип в любом регистре.

Значение по умолчанию:
application/x-www-form-urlencoded.

Примеры использования

Пример использования тега FORM 

<!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>Пример тега FORM.</title>
<script type="text/javascript">
function proverka()
{
 if (document.forms['Names'].name.value=="")
 alert("Не заполнено имя!");
}
</script>

</head>
<body>

<form action="/script.php" method="GET" name="Names">
<b>Как ваше имя?</b><br>
Ваше имя: <input name="name"><br>
<input type="submit" onClick="proverka()" value="Отправить">
</form>
<hr>
<form action="/script.php" method="GET">
<b>Как вам наш сайт?</b><br>
<input type="radio" name="question" value="good">Классно<br>
<input type="radio" name="question" value="normal">Нормально<br>
<input type="radio" name="question" value="bad">Аффтар выпей йаду!<br>
<input type="submit" value="Отправить">
</form>
<hr>
<form action="/script.php" method="POST" target="_blank" enctype="multipart/form-data">
<b>Пришли те нам что-нибудь интересное!</b><br>
<input type="file" name="upfile"><br><br>
<input type="submit" value="Отправить">
</form>
</body>
</html>