HTML тег
Тег используется для создания формы на веб-странице. Основная задача HTML формы — принять информацию от пользователя и отправить ее на сервер для обработки.
Для отправки информации на сервер используется кнопка submit. Если этой кнопки нет, то форму можно отправить на сервер, нажав клавишу Enter.
Синтаксис
Элемент
) тегами.
Элемент содержит другие HTML теги, которые определяют способы ввода данных.
Пример
html> html> head> title>Заголовок документа title> head> body> form action="server-script-url-here" method="GET or POST" > label for="fname">Имя label> input type="text" name="FirstName" id="fname" value="Арина"/>br/> label for="lname">Фамилия label> input type="text" name="LastName"id="lname" value="Петрова"/>br/> input type="submit" value="Отправить"/> form> body> html>Результат
Атрибуты
| Атрибут | Значение | Описание |
|---|---|---|
| accept | file_type | Определяет разделенный запятыми список типов файлов, которые принимает сервер (Список может быть представлен через загрузку файлов). Не поддерживается в HTML5. |
| accept-charset | character_set | Определяет кодировку, в которой сервер может принимать и обрабатывать данные. |
| action | URL | Указывает адрес, куда отправляются данные из заполненной формы, и где они будут обрабатываться. |
| autocomplete | on off | Включает/выключает автозаполнение полей формы. По умолчанию значение включено. |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain | Определяет способ кодирования данных формы при их отправке. (Значение по умолчанию application/x-www-form-urlencoded). (Используется только при методе POST). |
| method | ||
| Определяет HTTP метод отправки данных формы. (по умолчанию используется метод GET) | ||
| get | -передает данные формы в адресной строке («имя=значение»), которые добавляются к URL страницы после вопросительного знака и разделяются между собой амперсандом (&). (http://example.ru/doc/?name=Ivan&password=vanya) | |
| post | — браузер устанавливает связь с сервером и посылает данные для обработки. | |
| name | text | Определяет имя формы. |
| novalidate | novalidate | Устанавливает, что данные введенные в форму не будут проверяться перед отправкой. |
| target | ||
| Определяет, где показать ответ, полученный после отправки формы | ||
| _blank | -показывает в новом окне. | |
| _self | -показывает в текущем окне. | |
| _parent | — показывает в родительском фрейме. | |
| _top | — открывает во всю ширину окна. | |
| framename | — открывает в iframe (имя должно быть указано в качестве значения |
Html form по умолчанию
Элемент HTML form ( ) представляет (собой) раздел документа, содержащий интерактивные элементы управления, которые позволяют пользователю отправлять информацию на веб-сервер.
Можно использовать :valid (en-US) и :invalid (en-US) CSS псевдоклассы для стилизации элемента, в зависимости от того, валиден или нет конкретный элемент elements внутри формы.
Контекст Использования
| Категория содержимого | Flow content (en-US) |
|---|---|
| Разрешённое содержимое | Flow content (en-US) , но не содержащий элементов |
| Пропуск тега | Нет. И открывающий и закрывающий тег должны быть. |
| Нормативный документ | HTML5, section 4.10.3 (HTML4.01, section 17.3) |
Атрибуты
Как и все HTML-элементы, этот элемент поддерживает глобальные атрибуты (en-US) .
Список типов содержимого, разделённых запятой, которые принимает сервер.
Примечание: Этот атрибут был удалён в HTML5 и его не следует больше использовать. Взамен, используйте accept атрибут заданного элемента.
Разделённые пробелами символьные кодировки, которые принимает сервер. Браузер использует их в том порядке, в котором они перечислены. Значение по умолчанию означает ту же кодировку что и у страницы. (В предыдущей версии HTML, различные кодировки могли быть разделены запятыми.)
URI-адрес программы, которая обрабатывает информацию переданную через форму. Это значение может быть переписано с помощью атрибута formaction на или элементе.
Указывает, могут ли элементы управления автоматически быть дописаны в форме браузером. Эта настройка может быть переписана с помощью атрибута autocomplete на элементе формы. Возможные значения:
- off : Пользователь должен явно ввести значение в каждое поле или документ предоставит свой собственный метод автодополнения; браузер автоматически не дополняет записи.
- on : Браузер может автоматически дополнить значения, основанные на значениях, которые пользователь уже вводил, в течение предыдущего использования формы.
**Примечание:**Если вы установили значение off для autocomplete атрибута формы, из-за того, что документ предоставляет своё собственное автодополнение, то вам следует также установить значение off для autocomplete каждого элемента формы, которые документ может автоматически дополнить. Подробнее, смотрите Google Chrome notes.
Когда значение атрибута method равно post , атрибут — MIME тип содержимого, которое используется, чтобы передать форму на сервер. Возможные значения:
- application/x-www-form-urlencoded : Значение по умолчанию, если атрибут не задан.
- multipart/form-data : Используйте это значение, если пользуетесь элементом атрибутом type установленным в «file».
- text/plain (HTML5) Это значение может быть переписано атрибутом formenctype на элементе или .
HTTP (en-US) метод, который браузер использует, для отправки формы. Возможные значения:
- post : Соответствует HTTP POST методу ; данные из формы включаются в тело формы и посылаются на сервер.
- get : Соответствует GET методу; данные из формы добавляются к URI атрибута action , их разделяет ‘?’, и полученный URI посылается на сервер. Используйте этот метод, когда форма содержит только ASCII символы и не имеет побочного эффекта.Это значение может быть переписано атрибутом formmethod на или элементе.
Имя формы. В HTML 4 его использование запрещено ( id следует использовать взамен). Оно должно быть уникальным и не пустым среди всех форм в документе в HTML 5.
Это Boolean атрибут показывает, что форма не проверяется на валидность, когда отправляется серверу. Если атрибут пропущен (и поэтому форма проверяется), эта настройка по умолчанию, может быть переписана атрибутом formnovalidate на или элементе, принадлежащем форме.
Имя или ключевое слово, показывающее где отображать ответ, который будет получен, после отправки формы. В HTML 4, это имя или ключевое слово для фрейма. В HTML5, это имя или ключевое слово, контекста просмотра (например, вкладка, окно, или линейный фрейм). Следующие ключевые слова имеют специальное значение:
- _self : Загружает ответ в том же самом фрейме HTML 4 (или HTML5 контексте просмотра) как текущий. Это значение по умолчанию, если атрибут не указан.
- _blank : Загружает ответ в новом безымянном окне HTML 4 или HTML5 контексте просмотра.
- _parent : Загружает ответ HTML 4 в родительском наборе фрейма для текущего фрейма или HTML5 родительский контекст просмотра для текущего просмотра. Если нет предка, эта опция действует точно так же как as _self .
- _top : HTML 4: Загружает ответ в полное, оригинальное окно, закрывая все другие фреймы. HTML5: Загружает ответ в верхний уровень контекста просмотра (т.е., контекст просмотра это предок текущего и не имеет других предков). Если нет предка, эта опция действует точно так же как as _self .HTML5: Это значение может быть перезаписано formtarget атрибутом на или элементе.
DOM_interface
Этот элемент реализует HTMLFormElement интерфейс.
Примеры
form action=""> label for="GET-name">Name:label> input id="GET-name" type="text" name="name"> input type="submit" value="Save"> form> form action="" method="post"> label for="POST-name">Name:label> input id="POST-name" type="text" name="name"> input type="submit" value="Save"> form> form action="" method="post"> fieldset> legend>Titlelegend> input type="radio" name="radio" id="radio"> label for="radio">Click melabel> fieldset> form> Совместимость браузера
BCD tables only load in the browser
Смотрите также
Found a content problem with this page?
This page was last modified on 17 июл. 2023 г. by MDN contributors.
Your blueprint for a better internet.
Атрибут value
Определяет значение элемента формы, которое будет отправлено на сервер или получено с помощью клиентских скриптов. На сервер отправляется пара «имя=значение», где имя задается атрибутом name тега , а значение — атрибутом value .
В зависимости от типа элемента атрибут value выступает в следующей роли:
- для кнопок ( input type=»button | reset | submit» ) устанавливает текстовую надпись на них;
- для текстовых полей ( input type=»password | text» ) указывает предварительно введенную строку. Пользователь может стирать текст и вводить свои символы, но при использовании в форме кнопки Reset пользовательский текст очищается и восстанавливается введенный в атрибуте value ;
- для флажков и переключателей ( input type=»checkbox | radio» ) уникально определяет каждый элемент, с тем, чтобы клиентская или серверная программа могла однозначно установить, какой пункт выбрал пользователь.
- для файлового поля ( input type=»file» ) не оказывает влияние.
Синтаксис
Применяется
Значения
Значение по умолчанию
Как по вашему мнению расшифровывается аббревиатура "ОС"?
Офицерский состав Операционная система Большой полосатый мух
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Типы тегов
HTML5
Блочные элементы
Строчные элементы
Универсальные элементы
Нестандартные теги
Осуждаемые теги
Видео
Документ
Звук
Изображения
Объекты
Скрипты
Списки
Ссылки
Таблицы
Текст
Форматирование
Формы
Фреймы