Различия

Показаны различия между двумя версиями страницы.

--- software:development:web:docs:web:html:element:form [2023/08/22 07:51] – создано - внешнее изменение 127.0.0.1
+++ software:development:web:docs:web:html:element:form [2023/08/26 00:15] (текущий) – [<form>: элемент формы.] vladpolskiy
@@ Строка 1: / Строка 1: @@
-====== <form>  ======
+====== <form>: элемент формы.  ======
+Элемент [[software:development:web:docs:web:HTML:|HTML]] представляет собой раздел документа, содержащий интерактивные элементы управления для отправки информации.<form>
+===== Попробуй =====
+<html>
+<iframe height="420" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/form.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>
+Можно использовать [[software:development:web:docs:web:CSS/Pseudo-classes|псевдоклассы]] CSS [[software:development:web:docs:web:CSS:valid|:valid]]  и для стилизации элемента в зависимости от того, допустима ли внутренняя часть формы.[[software:development:web:docs:web:CSS:invalid|:invalid]] <form> [[software:development:web:docs:web:API/HTMLFormElement/elements|elements]]
+===== Атрибуты =====
+Этот элемент включает [[software:development:web:docs:web:html:global_attributes|глобальные атрибуты]].
+{{tablelayout?colwidth="140px"}}
+^ Имя атрибута ^ Описание ^
+|[[software:development:web:docs:web:html:attributes:accept ]]{{:icons:16:hourglass-select.png?|Устаревший. Не для использования на новых web-сайтах.}}| [[software:development:web:SVG:Content_type|Типы контента]], разделенные запятыми, которые принимает сервер.\\  :!: **Примечание. Этот атрибут устарел и не должен использоваться.** Вместо этого используйте [[software:development:web:docs:web:html:Element:input#accept|accept]] атрибут для <input type=file> элементов.  |
+|[[software:development:web:docs:web:html:element:form#accept-charset|accept-charset]] |[[software:development:web:docs:glossary:Character_encoding|Кодировки символов]], разделенные пробелами, которые принимает сервер. Браузер использует их в том порядке, в котором они перечислены. Значение по умолчанию означает [[software:development:web:docs:web:HTTP:Headers:Content-Encoding|ту же кодировку, что и страница]] . (В предыдущих версиях HTML кодировки символов также могли быть разделены запятыми.)|
+|[[software:development:web:docs:web:html:attributes:autocapitalize|autocapitalize]]{{:icons:16:jar.png?|Нестандартный. Проверьте поддержку браузером.}} |Нестандартный атрибут, используемый iOS Safari, который определяет, как текстовые элементы формы должны автоматически капитализироваться. ''autocapitalize'' Атрибуты элементов формы переопределяют их ''<form>''. Возможные значения:\\   ''none'': Нет автоматической капитализации.\\   ''sentences'' (по умолчанию): Начинайте с заглавной буквы в каждом предложении.\\  ''words'': Начинайте с заглавной буквы каждого слова.\\  ''characters'': использовать все символы с заглавной буквы, то есть в верхнем регистре. |
+|[[software:development:web:docs:web:html:attributes:autocomplete|autocomplete]]|Указывает, могут ли элементы ввода по умолчанию автоматически дополнять свои значения браузером. ''autocomplete'' атрибуты элементов формы переопределяют их ''<form>''. Возможные значения:\\  ''off'': Браузер может не заполнять записи автоматически. (Браузеры обычно игнорируют это для подозрительных форм входа; см. Атрибут автозаполнения и поля входа .)\\  ''on'': Браузер может автоматически дополнять записи.|
+|[[software:development:web:docs:web:html:attributes:name|name]]| Имя формы. Значение не должно быть пустой строкой и должно быть уникальным среди элементов ''form'' коллекции форм, в которой оно находится, если таковые имеются.|
+|[[software:development:web:docs:web:html:attributes:rel|rel]]|Управляет аннотациями и типами ссылок, создаваемых формой. Аннотации включают [[software:development:web:docs:web:html:attributes:rel#external|external]], [[software:development:web:docs:web:html:attributes:rel#nofollow|nofollow]], [[software:development:web:docs:web:html:attributes:rel#opener|opener]], [[software:development:web:docs:web:html:attributes:rel#noopener|noopener]] и [[software:development:web:docs:web:html:attributes:rel#noreferrer|noreferrer]]. Типы ссылок включают [[software:development:web:docs:web:html:attributes:rel#help|help]], [[software:development:web:docs:web:html:attributes:rel#prev|prev]], [[software:development:web:docs:web:html:attributes:rel#next|next]], [[software:development:web:docs:web:html:attributes:rel#search|search]] и [[software:development:web:docs:web:html:attributes:rel#license|license]]. Значение [[software:development:web:docs:web:html:attributes:rel|rel]] представляет собой список перечисленных значений, разделенных пробелами.|
+==== Атрибуты для отправки формы ====
+Следующие атрибуты управляют поведением во время отправки формы.
+{{tablelayout?colwidth="140px"}}
+^ Имя атрибута ^ Описание ^
+|[[software:development:web:docs:web:html:attributes:action|action ]]| URL-адрес, который обрабатывает отправку формы. Это значение может быть переопределено атрибутом [[software:development:web:docs:web:html:element:button#formaction|formaction]] элемента [[software:development:web:docs:web:html:element:button|<button>]], [[software:development:web:docs:web:html:element:input:submit|<input type="submit">]] или [[software:development:web:docs:web:html:element:input:image|<input type="image">]]. Этот атрибут игнорируется, если ''method="dialog"'' он установлен.  |
+|[[software:development:web:docs:web:html:attributes:enctype|enctype]]|Если значение атрибута ''method'' равно ''post'', ''enctype'' это [[https://en.wikipedia.org/wiki/Mime_type|MIME-тип]] отправки формы. Возможные значения:\\  -''application/x-www-form-urlencoded'': значение по умолчанию.\\  -''multipart/form-data'': используйте это, если форма содержит [[software:development:web:docs:web:html:element:input|<input>]] элементы с ''type=file''.\\  -''text/plain'': Полезно для целей отладки.\\  Это значение может быть переопределено\\  [[software:development:web:docs:web:html:element:button#formenctype|formenctype]] атрибутами [[software:development:web:docs:web:html:element:button|<button>]], [[software:development:web:docs:web:html:element:input:submit|<input type="submit">]] или [[software:development:web:docs:web:html:element:input:image|<input type="image">]] элементов.|
+|[[software:development:web:docs:web:html:attributes:method|method]]|[[software:development:web:docs:web:HTTP|HTTP]] - метод для отправки формы. Единственными разрешенными методами/значениями являются (без учета регистра):\\  ''post'': [[software:development:web:docs:web:HTTP:Methods:POST|POST]] Метод; данные формы, отправленные в качестве [[software:development:web:docs:web:API:Request:body|тела запроса]]. \\  ''get''(по умолчанию): [[software:development:web:docs:web:HTTP:Methods:GET|GET]]; данные формы, добавляемые к ''action'' URL-адресу через ''?'' разделитель. Используйте этот метод, когда форма [[software:development:web:docs:Glossary:Idempotent|не имеет побочных эффектов]].\\  ''dialog'': когда форма находится внутри [[software:development:web:HTML:Element:dialog|<dialog>]], закрывает диалоговое окно и вызывает ''submit'' событие при отправке без отправки данных или очистки формы.|
+|[[software:development:web:docs:web:html:attributes:novalidate|novalidate]]| Этот логический атрибут указывает, что форма не должна проверяться при отправке. Если этот атрибут не установлен (и, следовательно, форма проверена ), его можно переопределить атрибутом [[software:development:web:docs:web:html:element:button#formnovalidate|formnovalidate]],  [[software:development:web:docs:web:html:element:button|<button>]], или [[software:development:web:docs:web:html:element:input:submit|<input type="submit">]] элемента [[software:development:web:docs:web:html:element:input:image|<input type="image">]] принадлежащего форме.  |
+|[[software:development:web:docs:web:html:attributes:target|target]]|Указывает, где отображать ответ после отправки формы. Это имя/ключевое слово для контекста просмотра (например, вкладка, окно или iframe). Следующие ключевые слова имеют особое значение:\\  ''_self'' (по умолчанию): загрузка в тот же контекст просмотра, что и текущий.\\  ''_blank'': загрузиться в новый безымянный контекст просмотра. Это обеспечивает то же поведение, что и установка [[software:development:web:docs:web:html:element:form#rel|rel="noopener"]], которая не устанавливает [[software:development:web:docs:web:API:Window:opener|window.opener]].\\  ''_parent'': загрузить в родительский контекст просмотра текущего. Если нет родителя, ведет себя так же, как ''_self''.\\  ''_top'': Загрузка в контекст просмотра верхнего уровня (т. е. контекст просмотра, который является предком текущего и не имеет родительского элемента). Если нет родителя, ведет себя так же, как ''_self''. \\  Это значение может быть переопределено атрибутом [[software:development:web:docs:web:HTML/Element/button#formtarget|formtarget]] элемента [[software:development:web:docs:web:html:element:button|<button>]], [[software:development:web:docs:web:html:element:input:submit|<input type="submit">]] bkb [[software:development:web:docs:web:html:element:input:image|<input type="image">]].|
+===== Примеры =====
+<html>
+<iframe height="420" style="width: 100%;" scrolling="no" title="Untitled" src="./demo/code-docs/pages/tabbed/form-1.html" frameborder="no" loading="lazy" allowtransparency="true" allowfullscreen="true">
+</iframe>
+</html>