software:development:web:docs:web:html:element:form
<form>: элемент формы.
Элемент HTML представляет собой раздел документа, содержащий интерактивные элементы управления для отправки информации.<form>
Попробуй
Можно использовать псевдоклассы CSS :valid и для стилизации элемента в зависимости от того, допустима ли внутренняя часть формы.:invalid <form> elements
Атрибуты
Этот элемент включает глобальные атрибуты.
| Имя атрибута | Описание |
|---|---|
HTML атрибут: accept (принять) | Типы контента, разделенные запятыми, которые принимает сервер. Примечание. Этот атрибут устарел и не должен использоваться. Вместо этого используйте accept атрибут для <input type=file> элементов. |
| accept-charset | Кодировки символов, разделенные пробелами, которые принимает сервер. Браузер использует их в том порядке, в котором они перечислены. Значение по умолчанию означает ту же кодировку, что и страница . (В предыдущих версиях HTML кодировки символов также могли быть разделены запятыми.) |
autocapitalize | Нестандартный атрибут, используемый iOS Safari, который определяет, как текстовые элементы формы должны автоматически капитализироваться. autocapitalize Атрибуты элементов формы переопределяют их <form>. Возможные значения:none: Нет автоматической капитализации.sentences (по умолчанию): Начинайте с заглавной буквы в каждом предложении.words: Начинайте с заглавной буквы каждого слова.characters: использовать все символы с заглавной буквы, то есть в верхнем регистре. |
| autocomplete | Указывает, могут ли элементы ввода по умолчанию автоматически дополнять свои значения браузером. autocomplete атрибуты элементов формы переопределяют их <form>. Возможные значения:off: Браузер может не заполнять записи автоматически. (Браузеры обычно игнорируют это для подозрительных форм входа; см. Атрибут автозаполнения и поля входа .)on: Браузер может автоматически дополнять записи. |
| name | Имя формы. Значение не должно быть пустой строкой и должно быть уникальным среди элементов form коллекции форм, в которой оно находится, если таковые имеются. |
| rel | Управляет аннотациями и типами ссылок, создаваемых формой. Аннотации включают external, nofollow, opener, noopener и noreferrer. Типы ссылок включают help, prev, next, search и license. Значение rel представляет собой список перечисленных значений, разделенных пробелами. |
Атрибуты для отправки формы
Следующие атрибуты управляют поведением во время отправки формы.
| Имя атрибута | Описание |
|---|---|
| action | URL-адрес, который обрабатывает отправку формы. Это значение может быть переопределено атрибутом formaction элемента <button>, <input type="submit"> или <input type="image">. Этот атрибут игнорируется, если method=«dialog» он установлен. |
| enctype | Если значение атрибута method равно post, enctype это MIME-тип отправки формы. Возможные значения:- application/x-www-form-urlencoded: значение по умолчанию.- multipart/form-data: используйте это, если форма содержит <input> элементы с type=file.- text/plain: Полезно для целей отладки.Это значение может быть переопределено formenctype атрибутами <button>, <input type="submit"> или <input type="image"> элементов. |
| method | HTTP - метод для отправки формы. Единственными разрешенными методами/значениями являются (без учета регистра):post: POST Метод; данные формы, отправленные в качестве тела запроса. get(по умолчанию): GET; данные формы, добавляемые к action URL-адресу через ? разделитель. Используйте этот метод, когда форма не имеет побочных эффектов.dialog: когда форма находится внутри <dialog>, закрывает диалоговое окно и вызывает submit событие при отправке без отправки данных или очистки формы. |
| novalidate | Этот логический атрибут указывает, что форма не должна проверяться при отправке. Если этот атрибут не установлен (и, следовательно, форма проверена ), его можно переопределить атрибутом formnovalidate, <button>, или <input type="submit"> элемента <input type="image"> принадлежащего форме. |
| target | Указывает, где отображать ответ после отправки формы. Это имя/ключевое слово для контекста просмотра (например, вкладка, окно или iframe). Следующие ключевые слова имеют особое значение:_self (по умолчанию): загрузка в тот же контекст просмотра, что и текущий._blank: загрузиться в новый безымянный контекст просмотра. Это обеспечивает то же поведение, что и установка rel="noopener", которая не устанавливает window.opener._parent: загрузить в родительский контекст просмотра текущего. Если нет родителя, ведет себя так же, как _self._top: Загрузка в контекст просмотра верхнего уровня (т. е. контекст просмотра, который является предком текущего и не имеет родительского элемента). Если нет родителя, ведет себя так же, как _self. Это значение может быть переопределено атрибутом formtarget элемента <button>, <input type="submit"> bkb <input type="image">. |
Примеры
software/development/web/docs/web/html/element/form.txt · Последнее изменение: 2023/08/26 00:15 — vladpolskiy
Обсуждение