FORM

BUTTON
FIELDSET
FORM
INPUT
LABEL
LEGEND
OPTGROUP
OPTION
SELECT
TEXTAREA

Тег <FORM> используется для создания форма на web-странице. Форма служат для отправки данных на сервер и обеспечивают диалог пользователя с приложением.

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

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

http://webcreature.ru/index.php?user=Alex&button=activate

Все параметры в адресной строке в этом случае, перечисляются после знака "?", а символ "&" служит для них связкой.


<body>

<form method="GET" action="">
Ваше имя:<br>
<input name="name" type="text" size="40"  maxlength="36">
<br><br>
Определите тему:<br>
<select size="1" name="subject">
    <option selected value="Химия">Химия</option>
    <option value="Кулинария">Кулинария</option>
    <option value="Медицина">Медицина</option>
    </select>
<br><br>
<input type="submit" name="sub" value="Отправить">
</form>

</body>

Параметры:

action Адрес CGI-программы или документа, которые обрабатывает данные формы

enctype MIME-тип информации формы

method Метод протокола HTTP

name Имя формы

target Имя окна или фрейма, куда обработчик будет загружать возвращаемый результат

Параметр ACTION

Указывает адрес обработчика данных формы при их отправке на сервер. После выполнения обработчиком действий по работе с данными формы он загружает в браузер новый HTML-документ.

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

Можно также пересылать данные формы на адрес электронной почты:

<form action="mailto:ящик@домен.ru" enctype="text/plain">

Параметр ENCTYPE

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

Параметр METHOD

Определяет метод отправки данных формы.

GET Передача данных с их отображением в адресной строке*

POST Посылает на сервер данные в запросе браузера

Метод GET является одним из самых распространенных и предназначен для получения требуемой информации и передачи данных в адресной строке. Удобство использования метода GET заключается в том, что адрес со всеми параметрами можно использовать неоднократно, сохранив его, например, в «Избранное» браузера, а также менять значения параметров прямо в адресной строке.

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

Параметр NAME

Определяет уникальное имя формы. Как правило, имя формы используется для доступа к ее элементам через скрипты.

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

Параметр TARGET

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

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

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

_parent Загружает страницу во фрейм-родитель, если фреймов нет, то этот параметр работает как _self

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

С чего начать работу? Структура HTML
Гиперссылки
Текстовые блоки
Форматирование и текстовые элементы
Списки
Объекты
Таблицы
Формы
Фреймы
Метатэги и служебные теги
Все теги по алфавиту
Каскадные таблицы стилей CSS
Кодирование цвета в HTML
Коды символов в HTML
MIME-типы