/html/form:> Форма_
Элемент form
Синтаксис
(X)HTML
<form action="..."> ... </form>
Описание
Элемент form
(от англ. "form" ‒ «форма») создаёт HTML-форму для ввода данных. Данные формы отправляются на сервер при активации кнопки отправки формы или при нажатии клавиши «Enter» (действует так же при отсутствии кнопки формы).
Существуют следующие элементы формы: button
, fieldset
, input
, label
, optgroup
, option
, select
, textarea
.
Примечание
В документе допускается использованье любого количества форм, но необходимо помнить, что в случае отправки данных будут отправлены данные только одной формы.
Условия использования
Форма может располагаться в любом месте тела документа.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
Верс. | Раздел | |
---|---|---|
HTML | ||
2.0 | Form: FORM | Перевод |
3.2 | FORM | |
4.01 | 17.3 The FORM element DTD: Transitional
Strict
Frameset
|
|
5.0 | 4.10.3 The form element | |
5.1 | 4.10.3. The form element | |
XHTML | ||
1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
|
1.1 | Extensible HyperText Markup Language |
Атрибуты
- accept
- Определяет типы файлов, которые можно отправлять на сервер.
- accept-charset
- Указывает кодировки данных, воспринимаемые серверным обработчиком формы.
- action
- Указывает URL адрес обработчика формы.
- autocomplete
- Включает или отключает автозаполнение текстовых полей формы.
- enctype
- Указывает принцип кодирования данных формы, отправляемых на сервер.
- method
- HTTP-метод отправки данных.
- name
- Указывает уникальное имя формы.
- novalidate
- Отменяет проверку данных формы перед отправкой на сервер.
- target
- Фрейм или окно в которое будет загружен ответ сервера.
- Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент form</title>
</head>
<body>
<h1>Пример с элементом "form"</h1>
<form action="/examples/php-scripts/coffee.php" method="post">
<fieldset> <legend><b>Вы любите кофе с молоком?</b></legend>
<label><input type="radio" name="coffee" value="yes"> да</label>
<label><input type="radio" name="coffee" value="no"> нет</label>
</fieldset>
<p><input type="reset"> <input type="submit"></p>
</form>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент form</title>
</head>
<body>
<h1>Пример с элементом "form"</h1>
<form action="/examples/php-scripts/coffee.php" method="post">
<fieldset> <legend><b>Вы любите кофе с молоком?</b></legend>
<label><input type="radio" name="coffee" value="yes"> да</label>
<label><input type="radio" name="coffee" value="no"> нет</label>
</fieldset>
<p><input type="reset"> <input type="submit"></p>
</form>
</body>
</html>
Элемент form