Тег <form>

IE
3.0+
Chrome
1.0+
Opera
4.0+
Safari
5.0+
Firefox
1.0+
Android
1.0+
iOS
1.0+

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

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

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

Когда форма отправляется на сервер, управление данными передается программе, заданной атрибутом action тега <form>. Предварительно браузер подготавливает информацию в виде пары «имя=значение», где имя определяется атрибутом name тега <input>, а значение введено пользователем или установлено в поле формы по умолчанию. Если для отправки данных используется метод GET, то адресная строка может принимать следующий вид: http://site.ru/index.php?page=5

Параметры перечисляются после вопросительного знака, указанного после адреса CGI-программы и разделяются между собой символом амперсанда (&). Нелатинские символы преобразуются в шестнадцатеричное представление (в форме %HH, где HH — шестнадцатеричный код для значения ASCII-символа), пробел заменяется на плюс (+).

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

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

Атрибуты

accept-charset: Устанавливает кодировку, в которой сервер может принимать и обрабатывать данные.
action: Адрес программы или документа, который обрабатывает данные формы.
autocomplete: Включает автозаполнение полей формы.
enctype: Способ кодирования данных формы.
method: Метод протокола HTTP.
name: Имя формы.
novalidate: Отменяет встроенную проверку данных формы на корректность ввода.
target: Имя окна или фрейма, куда обработчик будет загружать возвращаемый результат.

Также для этого тега доступны универсальные атрибуты и события.

Пример

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Тег form</title>
</head>
<body>

<form action="handler.php" method="post">
 <h6>Какую алгоритмическую сложность имеют следующие операции 
для NSMutableArray в среднем и в худшем случаях:</h6>
 <div>
    <input type="radio" name="ans" value="a1" id="check1">
    <label for="check1">вставка нового элемента в начало структуры</label>
 </div>
 <div>
    <input type="radio" name="ans" value="a2" id="check2">
    <label for="check2">вставка нового элемента в конец структуры</label>
 </div>
 <div>
    <input type="radio" name="ans" value="a3" id="check3">
    <label for="check3">поиск существующего элемента по значению</label>
 </div>
 <div>
    <input type="radio" name="ans" value="a4" id="check4">
    <label for="check4">поиск существующего элемента по индексу</label>
 </div>
 <div>
    <input type="radio" name="ans" value="a5" id="check5">
    <label for="check5">удаление существующего элемента</label>
 </div>
 <div><input type="submit"></div>
</form>

</body>
</html>

Результат данного примера показан на рисунке ниже:

Вид элементов формы в окне браузера

Категория: Блочные элементы, Формы

Статьи по теме