Главная - Справочник по HTML - Тег "FORM"

Поддержка браузерами:

Параметры тега:

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

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

Для отправки формы на сервер используется кнопка Submit. Если кнопка Submit отсутствует в форме, клавиша <Enter> имитирует ее использование, но только в том случае, когда в форме имеется только один элемент <INPUT> . Если таких элементов два и более, нажатие на <Enter> не вызовет никакого результата.

Когда форма отправляется на сервер, управление данными передается CGI-программе, заданной параметром action тега <FORM> . Предварительно браузер подготавливает информацию в виде пары «имя=значение», где имя определяется параметром name тега <INPUT> , а значение введено пользователем или установлено в поле формы по умолчанию.

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

Пример:

<form action="URL">
...
</form>

Параметры тега <FORM>

action

Является обязательным параметром. Указывает обработчик, к которому обращаются данные формы при их отправке на сервер. В качестве обработчика может выступать CGI-программа или HTML-документ, который включает в себя серверные сценарии (например, Parser). После выполнения обработчиком действий по работе с данными формы он возвращает новый HTML-документ.

Если параметр action отсутствует, текущая страница перезагружается, возвращая все элементы формы к их значениям по умолчанию.

В качестве обработчика можно указать адрес электронной почты, начиная его с ключевого слова mailto . При отправке формы будет запущена почтовая программа установленная по умолчанию. В целях безопасности в браузере установлено, что отправить незаметно информацию, введенную в форме, по почте невозможно. Для корректной интерпретации данных используйте параметр enctype="text/plain" в теге <FORM> .

Пример:

<form action="URL">...</form>

enctype

Устанавливает MIME-тип для данных отправляемых вместе с формой. Обычно устанавливать значение параметра enctype не требуется, данные вполне правильно понимаются на стороне сервера. Однако если используется поле для отправки файла ( INPUT type="file" ), следует определить параметр enctype как multipart/form-data .

Допускается устанавливать сразу несколько значений, разделяя их запятыми.

Пример:

<form enctype="MIME-тип">...</form>

target

После того, как обработчик формы получает данные, он возвращает результат в виде HTML-документа. Вы можете определить окно, в которое будет загружаться итоговая веб-страница. Для этого используется параметр target , в качестве его значения используется имя окна или фрейма. Если параметр target не установлен, возвращаемый результат показывается в текущем окне. В качестве зарезервированных имен используются следующие:

_self
Загружает страницу в текущее окно браузера.

_blank
Загружает страницу в новое окно.

_parent
Загружает страницу во фрейм-родитель.

_top
Отменяет все фреймы и загружает страницу в полном окне браузера.

Пример:

<form action="URL" target="_blank" >
...
</form>

name

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

Пример:

<form name="имя">...</form>

method

Способ пересылки формы на сервер. Значение параметра method не зависит от регистра. В качестве зарезервированных имен используются следующие:

get
Этот метод является одним из самых распространенных и предназначен для получения требуемой информации и передачи данных в адресной строке. Пары «имя=значение» присоединяются в этом случае к адресу после вопросительного знака и разделяются между собой амперсандом (символ &). Удобство использования метода GET заключается в том, что адрес со всеми параметрами можно использовать неоднократно, сохранив его, например, в «Избранное» браузера, а также менять значения параметров прямо в адресной строке.

post
Метод POST посылает на сервер данные в запросе браузера. Это позволяет отправлять большее количество данных, чем доступно методу GET, поскольку у него установлено ограничение в 4 Кб. Большие объемы данных используются в форумах, почтовых службах, заполнении базы данных и т.д.

Пример:

<form method="get">...</form>

по алфавиту  /  по категориям  / скачать "Справочник по HTML"