Атрибут formaction тега | HTML справочник
HTML тег <button>Значение и применение
Атрибут formaction (HTML тега <button>) указывает URL файла, который будет обрабатывать (контролировать) входную информацию после отправки формы (только для <button type = «submit» >).
Обращаю Ваше внимание, что если атрибут formaction используется, то он переопределяет значение атрибута action элемента <form>.
Поддержка браузерами
Синтаксис:
<button formaction = "URL">
Значения атрибута
| Значение | Описание |
|---|---|
| URL | URL файла, который будет обрабатывать (контролировать) входную информацию после отправки формы. Допускается использование как относительных, так и абсолютных путей. |
Отличия HTML 4.01 от HTML 5
Атрибут считается новым в HTML 5.Пример использования
<!DOCTYPE html> <html> <head> <title>Использование атрибута formaction HTML тега <button></title> </head> <body> <form id = "myForm"> Логин:<input type = "text" name = "ulogin"><br> <!-- определяем элемент управления для текстовой информации --> Пароль:<input type = "password" name = "upassword"><br> <!-- определяем элемент управления для ввода пароля --> <button formaction = "script_page.php">Отправить</button> <!-- определяем кнопку для отправки формы --> </form> </body> </html>
В данном примере внутри формы мы создали два элемента <input>, предназначенные для ввода текстовой информации и ввода пароля, и кнопку (HTML тег <button>), предназначенную для отправки формы (тип кнопки submit по умолчанию). Кроме того, атрибутом formaction указали URL файла, который будет обрабатывать (контролировать) входную информацию после отправки формы.
Результат нашего примера:
Пример использования атрибута formaction HTML тега <button>.HTML тег <button>Атрибут formaction тега | HTML справочник
HTML тег <input>Значение и применение
Атрибут formaction (HTML тега <input>) указывает URL файла, который будет обрабатывать (контролировать) входную информацию после отправки формы (только для <input type = «image» и <input type = «submit»>).Обращаю Ваше внимание, что если атрибут formaction используется, то он переопределяет значение атрибута action элемента <form>.
Поддержка браузерами
Синтаксис:
<input formaction = "URL">
Значения атрибута
| Значение | Описание |
|---|---|
| URL | URL файла, который будет обрабатывать (контролировать) входную информацию после отправки формы. Допускается использование как относительных, так и абсолютных путей. |
Отличия HTML 4.01 от HTML 5
Атрибут formaction считается новым в HTML 5.Пример использования
<!DOCTYPE html> <html> <head> <title>Использование атрибута formaction HTML тега <input></title> </head> <body> <form id = "myForm" action = "script1.php"> <!-- определяем id для нашей формы и адрес, куда отправляется форма --> Логин: <input type = "text" name = "userLogin"><br><br> <!-- определяем элемент управления для ввода текстовой информации --> Пароль: <input type = "password" name = "userPass"><br><br> <!-- определяем элемент управления для ввода пароля --> <input type = "submit" value = "Отправить" formaction = "script2.php"> <!-- определяем кнопку отправки формы и указываем URL файла, который будет обрабатывать форму после отправки --> </form> </body> </html>
В данном примере мы создали форму (HTML тег <form>), глобальным атрибутом id указали для неё идентификатор, атрибутом action указали адрес, куда отправляется форма.
Внутри формы мы поместили элементы управления <input>, которые позволяют пользователю ввести логин и пароль и отправить нашу форму. Кроме того, атрибутом formaction для кнопки отправки формы мы указали URL файла, который будет обрабатывать форму после отправки.
Обратите внимание, что атрибут formaction переписывает значение атрибута action элемента <form> и отправка данных будет выглядеть следующим образом:
URL/script2.php?userLogin=&userPass=
Результат нашего примера:
Пример использования атрибута formaction HTML тега <input>.HTML тег <input>Атрибут action | wm-school
Атрибут action (от англ. «action» — «действие, результат») указывает расположение обработчика данных формы.
В качестве обработчика может выступать серверная программа или документ формата HTML с серверным сценарием.
Если для формы не указан атрибут action, то после выполнения команды отсылки веб-страница осуществит перезагрузку, возвращая все элементы формы к их значениям по умолчанию.
Синтаксис
<form action="URL-адрес">содержимое формы</form>
Значения
В качестве значения принимается абсолютный или относительный URL — уникальный адрес каждого документа в интернете или якоря на странице.
Значение по умолчанию
Нет.
Пример: Атрибут action
Данный атрибут может пересылать данные формы по электронной почте с помощью URL-схемы «mailto:» на указанный E-mail адрес. При отправке формы будет запущена почтовая программа установленная у пользователя по умолчанию. Для корректной интерпретации данных используйте атрибут enctype=»text/plain» в элементе <form>.
<form action="mailto:[email protected]" enctype="text/plain" method="post">
<p><input type="text" name="name" size="30" value="Ваше имя"><br>
<input type="text" name="email" size="30" value="Ваш e-mail"><br>
<input type="text" name="comment" size="50" value="Комментарий"></p>
<p><input type="submit" value="Отправить">
</form>
Применяется к тегам
Спецификации
| Спецификация | Статус |
|---|---|
| HTML5.1 (W3C) | Рекомендация |
| HTML5 (W3C) | Рекомендация |
| HTML 4.01 (W3C) | Рекомендация |
Поддержка браузерами
Учебник HTML
HTML уроки: HTML Атрибуты
Please enable JavaScript to view the comments powered by Disqus.
Теги HTML — Атрибут action
Описание
Указывает обработчик, к которому обращаются данные формы при их отправке на сервер. В качестве обработчика может выступать CGI-программа или HTML-документ, который включает в себя серверные сценарии (например, Parser). После выполнения обработчиком действий по работе с данными формы он возвращает новый HTML-документ.
Если атрибут action отсутствует, текущая страница перезагружается, возвращая все элементы формы к их значениям по умолчанию.
Синтаксис
<form action="URL">...</form>
Значения
В качестве значения принимается полный или относительный путь к серверному файлу (URL).
Обязательный атрибут
Да.
Значение по умолчанию
Нет.
Пример 1. Указание обработчика формы
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег FORM, атрибут action</title> </head> <body> <form action="handler.php"> <p>...</p> </form> </body> </html>
В качестве обработчика можно указать адрес электронной почты, начиная его с ключевого слова mailto. При отправке формы будет запущена почтовая программа установленная по умолчанию. В целях безопасности в браузере установлено, что отправить незаметно информацию, введенную в форме, по почте невозможно. Для корректной интерпретации данных используйте атрибут enctype=»text/plain» в теге <form>.
Пример 2. Отправка данных формы на электронную почту
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Тег FORM, атрибут action</title> </head> <body> <form action="mailto:[email protected]" enctype="text/plain"> <p><input type="submit" value="Написать письмо"></p> </form> </body> </html>
Браузеры: Настольные Мобильные ?
| Internet Explorer | Chrome | Opera | Safari | Firefox |
| 3 | 1 | 3.5 | 1 | 1 |
| Android | Firefox Mobile | Opera Mobile | Safari Mobile |
| 1 | 1 | 6 | 1 |
Браузеры
В таблице браузеров применяются следующие обозначения.
- — элемент полностью поддерживается браузером;
- — элемент браузером не воспринимается и игнорируется;
- — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.
Число указывает версию браузреа, начиная с которой элемент поддерживается.
seodon.ru | Теги HTML — Тег FORM
Опубликовано: 25.06.2010 Последняя правка: 10.12.2015
Атрибут action, тега <FORM>, задает адрес программы, по которому будут отправлены данные переданные формой. Это может быть программа-обработчик, располагаемая на Web-сервере, Mail-сервере и т.д.
Значения
Абсолютный или относительный URL — уникальный адрес каждого документа в интернете или якоря на странице.
Если вы отправляете данные по электронной почте, то перед адресом почтового ящика необходимо указать конструкцию «mailto:», а также установить method=»post» и enctype=»text/plain», чтобы сформировалось текстовое сообщение.
Значение по умолчанию: нет.
Синтаксис
<form action="URL">...</form>Обязательный атрибут: да.
Пример HTML: применение атрибута action
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>seodon.ru - Тега FIELDSET, атрибут action</title> </head> <body> <form action="mailto:[email protected]" enctype="text/plain" method="post"> <p><input type="text" name="name" size="30" value="Ваше имя"><br> <input type="text" name="email" size="30" value="Ваш e-mail"><br> <input type="text" name="comment" size="50" value="Комментарий"></p> <p><input type="submit" value="Отправить"> <input type="reset" value="Очистить"></p> </form> </body> </html>
Результат примера
Поддержка версиями HTML
| Версия: | HTML 4.01 | HTML 5 | XHTML 1.0 | XHTML 1.1 |
| Поддержка: | Да | Да | Да | Да |
Поддержка браузерами
| Браузер: | Internet Explorer | Google Chrome | Mozilla Firefox | Opera | Safari |
| Версия: | 6.0 и выше | 2.0 и выше | 2.0 и выше | 9.2 и выше | 3.1 и выше |
| Поддержка: | Да | Да | Да | Да | Да |
Глава 5 Установка значений атрибутов / Habr
Оглавление5 Установка значений атрибутов
В этой главе мы объясним, как можем установить (или изменить) значения атрибутов в разметке.
5.1 Установка значения любого атрибута
Скажем, наш сайт публикует информационный бюллетень, и мы хотим, чтобы пользователи могли подписаться на него, поэтому создаем шаблон /WEB-INF/templates/subscribe.html с формой:
<form action="subscribe.html">
<fieldset>
<input type="text" name="email" />
<input type="submit" value="Subscribe!" />
</fieldset>
</form>Как и в случае с Thymeleaf, этот шаблон начинается, скорее, как статический прототип, чем шаблон для веб-приложения. Во-первых, атрибут действия в нашей форме статически связывается с самим файлом шаблона, так что нет места для полезной перезаписи URL. Во-вторых, атрибут value в кнопке submit позволяет отображать текст на английском языке, но мы хотели бы, чтобы он был интернационализирован.
Тогда используем атрибут th:attr, способный изменять значение атрибутов тегов, в которых он установлен:
<form action="subscribe.html" th:attr="action=@{/subscribe}">
<fieldset>
<input type="text" name="email" />
<input type="submit" value="Subscribe!" th:attr="value=#{subscribe.submit}"/>
</fieldset>
</form>Концепция довольно проста: th:attr принимает выражение, которое выполняет и присваивает атрибуту полученное значение. Создав соответствующие файлы контроллеров и сообщений, результатом обработки файла будет:
<form action="/gtvg/subscribe">
<fieldset>
<input type="text" name="email" />
<input type="submit" value="¡Suscríbe!"/>
</fieldset>
</form>Помимо новых значений атрибутов вы также можете увидеть, что имя контекста приложения автоматически было добавлено в базу URL в /gtvg/subscribe, как описано в предыдущей главе.
Но что, если бы мы хотели установить более одного атрибута за раз? XML-правила не позволяют вам устанавливать атрибут дважды в теге, поэтому th:attr возьмет список назначений, разделенных запятыми, например:
<img src="../../images/gtvglogo.png"
th:attr="src=@{/images/gtvglogo.png},title=#{logo},alt=#{logo}" />Учитывая необходимые файлы сообщений, это будет выводить:
<img src="/gtgv/images/gtvglogo.png" title="Logo de Good Thymes" alt="Logo de Good Thymes" />5.2 Установка значения для определенных атрибутов
К настоящему моменту вы могли бы подумать, что что-то вроде:
<input type="submit" value="Subscribe!" th:attr="value=#{subscribe.submit}"/>… довольно некрасивый кусок разметки. Указание назначения внутри значения атрибута может быть очень практичным, но это не самый элегантный способ создания шаблонов, если вы должны делать это все время.
Thymeleaf соглашается с вами, и именно поэтому th:attr вряд ли используется в шаблонах. Обычно вы будете использовать другие атрибуты th:*, задача которых заключается в настройке определенных атрибутов тега (а не только любого атрибута, такого как th:attr).
Например, чтобы установить атрибут value, используйте значение th:value:
<input type="submit" value="Subscribe!" th:value="#{subscribe.submit}"/>Это выглядит намного лучше! Давайте попробуем сделать то же самое с атрибутом action в теге form:
<form action="subscribe.html" th:action="@{/subscribe}">И помните ли вы эти th:href, которые мы помещали в наш home.html раньше? Это точно такие же атрибуты:
<li><a href="product/list.html" th:href="@{/product/list}">Product List</a></li>Таких атрибутов достаточно много, каждый из которых нацелен на определенный атрибут HTML5:
th:abbr |
th:accept |
th:accept-charset |
th:accesskey |
th:action |
th:align |
th:alt |
th:archive |
th:audio |
th:autocomplete |
th:axis |
th:background |
th:bgcolor |
th:border |
th:cellpadding |
th:cellspacing |
th:challenge |
th:charset |
th:cite |
th:class |
th:classid |
th:codebase |
th:codetype |
th:cols |
th:colspan |
th:compact |
th:content |
th:contenteditable |
th:contextmenu |
th:data |
th:datetime |
th:dir |
th:draggable |
th:dropzone |
th:enctype |
th:for |
th:form |
th:formaction |
th:formenctype |
th:formmethod |
th:formtarget |
th:fragment |
th:frame |
th:frameborder |
th:headers |
th:height |
th:high |
th:href |
th:hreflang |
th:hspace |
th:http-equiv |
th:icon |
th:id |
th:inline |
th:keytype |
th:kind |
th:label |
th:lang |
th:list |
th:longdesc |
th:low |
th:manifest |
th:marginheight |
th:marginwidth |
th:max |
th:maxlength |
th:media |
th:method |
th:min |
th:name |
th:onabort |
th:onafterprint |
th:onbeforeprint |
th:onbeforeunload |
th:onblur |
th:oncanplay |
th:oncanplaythrough |
th:onchange |
th:onclick |
th:oncontextmenu |
th:ondblclick |
th:ondrag |
th:ondragend |
th:ondragenter |
th:ondragleave |
th:ondragover |
th:ondragstart |
th:ondrop |
th:ondurationchange |
th:onemptied |
th:onended |
th:onerror |
th:onfocus |
th:onformchange |
th:onforminput |
th:onhashchange |
th:oninput |
th:oninvalid |
th:onkeydown |
th:onkeypress |
th:onkeyup |
th:onload |
th:onloadeddata |
th:onloadedmetadata |
th:onloadstart |
th:onmessage |
th:onmousedown |
th:onmousemove |
th:onmouseout |
th:onmouseover |
th:onmouseup |
th:onmousewheel |
th:onoffline |
th:ononline |
th:onpause |
th:onplay |
th:onplaying |
th:onpopstate |
th:onprogress |
th:onratechange |
th:onreadystatechange |
th:onredo |
th:onreset |
th:onresize |
th:onscroll |
th:onseeked |
th:onseeking |
th:onselect |
th:onshow |
th:onstalled |
th:onstorage |
th:onsubmit |
th:onsuspend |
th:ontimeupdate |
th:onundo |
th:onunload |
th:onvolumechange |
th:onwaiting |
th:optimum |
th:pattern |
th:placeholder |
th:poster |
th:preload |
th:radiogroup |
th:rel |
th:rev |
th:rows |
th:rowspan |
th:rules |
th:sandbox |
th:scheme |
th:scope |
th:scrolling |
th:size |
th:sizes |
th:span |
th:spellcheck |
th:src |
th:srclang |
th:standby |
th:start |
th:step |
th:style |
th:summary |
th:tabindex |
th:target |
th:title |
th:type |
th:usemap |
th:value |
th:valuetype |
th:vspace |
th:width |
th:wrap |
th:xmlbase |
th:xmllang |
th:xmlspace |
5.3 Установка нескольких значений за раз
Есть два довольно специальных атрибута, называемых th:alt-title и th:lang-xmllang, которые могут использоваться для одновременного задания двух атрибутов в одно и то же время. В частности:
th:alt-title будет задано значение alt и title.
th:lang-xmllang будет устанавливать lang и xml:lang
Для нашей домашней страницы GTVG это позволит нам заменить это:
<img src="../../images/gtvglogo.png"
th:attr="src=@{/images/gtvglogo.png},title=#{logo},alt=#{logo}" />… или это, что эквивалентно:
<img src="../../images/gtvglogo.png"
th:src="@{/images/gtvglogo.png}" th:title="#{logo}" th:alt="#{logo}" />… на это:
<img src="../../images/gtvglogo.png"
th:src="@{/images/gtvglogo.png}" th:alt-title="#{logo}" />5.4 Добавить до- и -после
Thymeleaf также предлагает атрибуты th:attrappend и th:attrprepend, которые добавляют (суффикс) или добавляют (префикс) результат к существующим значениям атрибутов.
Например, вы можете захотеть сохранить имя добавляемого класса CSS для одной из ваших кнопок в переменной контекста, поскольку конкретный класс CSS, который будет использоваться, будет зависеть от того, что пользователь сделал до того:
<input type="button" value="Do it!" th:attrappend="class=${' ' + cssStyle}" />Если вы обрабатываете этот шаблон с переменной cssStyle, установленной в «warning», вы получите:
<input type="button" value="Do it!" />В Standard Dialect есть также два специальных атрибута добавления: атрибуты th:classappend и th:styleappend, которые используются для добавления класса CSS или фрагмента стиля к элементу без перезаписывания существующих:
<tr th:each="prod : ${prods}" th:classappend="${prodStat.odd}? 'odd'">(Не беспокойтесь о значении th:each. Это атрибут итерации, и мы поговорим об этом позже).
5.5 Булевые аттрибуты с фиксированным значением
HTML имеет концепцию логических атрибутов, которые активируются только, если их значение «true». В XHTML эти атрибуты принимают только одно значение, которым и являются.
Например, проверьте:
<input type="checkbox" name="option2" checked /> <!-- HTML -->
<input type="checkbox" name="option1" checked="checked" /> <!-- XHTML -->Standard Dialect включает в себя атрибуты, которые позволяют вам устанавливать эти атрибуты по условию, так что если его значение равно «true», атрибут будет установлен в его фиксированное значение, а если он будет равен «false», атрибут не будет установлен:
<input type="checkbox" name="active" th:checked="${user.active}" />В Standard Dialect существуют следующие логические атрибуты с фиксированным значением:
th:async |
th:autofocus |
th:autoplay |
th:checked |
th:controls |
th:declare |
th:default |
th:defer |
th:disabled |
th:formnovalidate |
th:hidden |
th:ismap |
th:loop |
th:multiple |
th:novalidate |
th:nowrap |
th:open |
th:pubdate |
th:readonly |
th:required |
th:reversed |
th:scoped |
th:seamless |
th:selected |
5.6 Установка значения любого атрибута (процессор атрибутов по умолчанию)
Thymeleaf предлагает процессор атрибутов по умолчанию, который позволяет нам устанавливать значение любого атрибута, даже если для него не определен th:* конкретный процессор в Standard Dialect.
Что-то вроде этого:
<span th:whatever="${user.name}">...</span>Результатом будет:
<span whatever="John Apricot">...</span>5.7 Поддержка аттрибутов, дружественных HTML5 и имен элементов
Также можно использовать совершенно другой синтаксис для применения процессоров к вашим шаблонам более удобным для HTML5 способом.
<table>
<tr data-th-each="user : ${users}">
<td data-th-text="${user.login}">...</td>
<td data-th-text="${user.name}">...</td>
</tr>
</table>Синтаксис data-{prefix}-{name} является стандартным способом записи пользовательских атрибутов в HTML5, не требуя от разработчиков использования namespaced, таких как th:*. Thymeleaf делает этот синтаксис автоматически доступным для всех ваших диалектов (не только для Standard).
Существует также синтаксис для указания пользовательских тегов: {prefix}-{name}, который следует спецификации W3C Custom Elements (часть большой спецификации W3C Web Components). Это можно использовать, например, для элемента th:block (или th-block), который будет объяснен в следующем разделе.
Важно: этот синтаксис является дополнением к namespaced th:*, он не заменяет его. Нет никакого намерения вообще отказаться от namespaced синтаксиса в будущем.
HTML | Атрибут действия | Портал информатики для гиков
HTML, Веб-технологии
HTML | Атрибут action используется для указания того, куда должны отправляться данные формы на сервер после отправки формы. Может использоваться в элементе <form>.
Синтаксис:
<form action="URL">
Значения атрибута:
URL: используется для указания URL-адреса документа, куда будут отправляться данные после отправки формы.
Возможные значения URL:
- абсолютный URL: он указывает на ссылку на другой сайт. Например: www.gfg.org
- относительный URL: используется для указания файла на веб-странице. Например: www.geeksforgeeks.org
Пример 1: этот пример иллюстрирует использование атрибута действия.
|
Выходы:
Поддерживаемые браузеры . Браузер, поддерживаемый атрибутом HTML , приведен ниже:
- Гугл Хром
- Internet Explorer
- Fire Fox
- опера
- Сафари
Рекомендуемые посты:
HTML | Атрибут действия
0.00 (0%) 0 votes