Тег form создаёт HTML форму, которая используется для отправки введённых пользователем данных на сервер.
Так как сама форма не предоставляет никаких средств для пользовательского ввода данных, внутри элемента form располагают другие элементы, цель которых предоставить пользователю различные способы ввода данных:
Помимо этих элементов, внутри формы можно использовать и любые другие HTML-элементы.
По умолчанию форма никак не отображается на веб-странице, видны только элементы расположенные внутри неё, однако вам ничто не мешает оформить с помощью CSS внейшний вид формы по своему вкусу.
Атрибуты
- accept-charset:
- Указывает кодировку символов или список кодировок, разделенных пробелами, для введенных в форму данных, переданных на сервер для обработки. Если данные включают в себя символы, не поддерживающиеся указанной кодировкой, то браузер пытается определить соответствующую для них кодировку. Если соответствующая кодировка не может быть определена, то символы кодируются в .
Значением по умолчанию является зарезервированная строка «UNKNOWN» (браузеры интерпретируют это значение как кодировку символов идентичную кодировке документа, содержащего элемент form).
- action:
- Указывает адрес отправки данных из заполненной формы, где будет обрабатываться данная информация.
- autocomplete:
- Определяет, включить или выключить автозаполнение формы. При включенном автозаполнение браузер автоматически подставляет значения, которые пользователь вводил во время предыдущего использования формы. Возможные значения атрибута:
- on: браузер автоматически показывает значения вводимые ранее пользователем (значение по умолчанию).
- off: пользователь должен сам вводить значения для каждого поля при каждом использовании формы. Ранее вводимые значения показываться не будут.
Примечание: атрибут autocomplete не поддерживается браузером Opera.
- enctype:
- Указывает способ кодирования данные формы при отправке на сервер. Может использоваться только совместно с атрибутом method="post". Возможные значения:
- application/x-www-form-urlencoded: значение по умолчанию: все символы кодируются перед отправкой (пробелы преобразуются в символ "+", а специальные символы в значения ASCII HEX).
- multipart/form-data: символы не кодируются. Используется для элементов input, у которых в атрибуте type установлено значение "file".
- text/plain: пробелы преобразуются в символ "+", но не кодирует в шестнадцатеричные значения спецсимволы, такие как апострофы.
- method:
- Указывает метод передачи данных HTTP-протокола, который будет использован при отправке данных формы. Возможные значения:
- get: данные передаются в адресной строке браузера в виде пар «имя=значение» путём их добавления в конце URL-адреса. В качестве разделителя между основным URL-адресом и передаваемыми данными используется знак вопроса (?), для разделения передаваемых данных между собой используется символ амперсанда (&). Данный метод применяется при отправке данных небольшого размера.
- post: данные передаются не как часть URL, а в качестве содержимого запроса браузера. Данный метод применяется для отправки данных большого объёма.
Если атрибут method не указан, по умолчанию будет использоваться метод GET.
- name:
- Определяет имя формы. Имя может быть использовано в JavaScript для ссылки на элемент по имени или для ссылки на данные формы после ее отправки. Если в одном документе используется несколько форм, то их имена не должны повторяться, так же нельзя в качестве значения атрибута оставлять пустую строку.
- novalidate:
- Указывает, что данные введенные в форму не будут проверятся перед отправкой. Возможные значения логического атрибута novalidate:
form novalidate
form novalidate="novalidate"
form novalidate=""
Примечание: атрибут novalidate не поддерживается в IE9 и более ранних версиях, и в Safari.
- target:
- Определяет имя фрейма или ключевое слово, которое указывает место для отображения ответа, полученного после отправки формы.
- _blank: открывает документ в новом окне или вкладке.
- _self: открывает документ в той же директории, где располагается ссылка (значение по умолчанию).
- _parent: открывает документ в родительском фрейме.
- _top: открывает документ во всю ширину окна.
- имя_фрейма: открывает документ в iframe, имя которого было указано в качестве значения.
Тег form так же поддерживает и
Пример
form action="demo_form.asp"
Имя: input type="text" name="fname" value="Mickey"br
Фамилия:input type="text" name="lname" value="Mouse"br
input type="submit" value="Submit"
/form
|