Инструменты пользователя

Инструменты сайта

  • Показать страницу
  • История страницы
  • Ссылки сюда
  • Оставить на чай
  • Экспорт в PDF
  • Наверх

  • software:development:web:docs:web:html:element:form

    Различия

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

    Ссылка на это сравнение

    Предыдущая версия справа и слеваПредыдущая версия
    Следующая версия
    Предыдущая версия
    software:development:web:docs:web:html:element:form [2023/08/25 21:39] vladpolskiysoftware:development:web:docs:web:html:element:form [2023/08/26 00:15] (текущий) – [<form>: элемент формы.] vladpolskiy
    Строка 1: Строка 1:
     ====== <form>: элемент формы.  ====== ====== <form>: элемент формы.  ======
      
    -Элемент HTML представляет собой раздел документа, содержащий интерактивные элементы управления для отправки информации.<form>+Элемент [[software:development:web:docs:web:HTML:|HTML]] представляет собой раздел документа, содержащий интерактивные элементы управления для отправки информации.<form>
      
     ===== Попробуй ===== ===== Попробуй =====
    Строка 13: Строка 13:
      
     ===== Атрибуты ===== ===== Атрибуты =====
    -Этот элемент включает глобальные атрибуты.+Этот элемент включает [[software:development:web:docs:web:html:global_attributes|глобальные атрибуты]].
      
    -{{tablelayout?colwidth="140px,210px"}}+{{tablelayout?colwidth="140px"}}
      
    -^ Имя атрибута ^ Элементы ^ Описание ^ +^ Имя атрибута ^ Описание ^ 
    -|[[software:development:web:docs:web:html:attributes:accept ]]| [[software:development:web:docs:web:html:element:<form>]],[[software:development:web:docs:web:html:element:<input>]] Список типов, которые принимает сервер, обычно это тип файла.| +|[[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>
      
    software/development/web/docs/web/html/element/form.1692988774.txt.gz · Последнее изменение: 2023/08/25 21:39 — vladpolskiy