Action атрибут: HTML form action Attribute – Атрибут action HTML тега form

Содержание

Атрибут formaction тега | HTML справочник

HTML тег <button>

Значение и применение

Атрибут formaction (HTML тега <button>) указывает URL файла, который будет обрабатывать (контролировать) входную информацию после отправки формы (только для <button type = "submit" >).


Обращаю Ваше внимание, что если атрибут formaction используется, то он переопределяет значение атрибута action элемента <form>.


Поддержка браузерами

Синтаксис:

<button formaction = "URL">

Значения атрибута

ЗначениеОписание
URLURL файла, который будет обрабатывать (контролировать) входную информацию после отправки формы. Допускается использование как относительных, так и абсолютных путей.

Отличия 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">  

Значения атрибута

ЗначениеОписание
URLURL файла, который будет обрабатывать (контролировать) входную информацию после отправки формы. Допускается использование как относительных, так и абсолютных путей.

Отличия 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 ExplorerChromeOperaSafariFirefox
313.511
AndroidFirefox MobileOpera MobileSafari Mobile
1161

Браузеры

В таблице браузеров применяются следующие обозначения.

  •  — элемент полностью поддерживается браузером;
  •  — элемент браузером не воспринимается и игнорируется;
  •  — при работе возможно появление различных ошибок, либо элемент поддерживается с оговорками.

Число указывает версию браузреа, начиная с которой элемент поддерживается.

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.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ДаДаДаДа

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия: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="[email protected]{/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="[email protected]{/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="[email protected]{/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: этот пример иллюстрирует использование атрибута действия.

<!DOCTYPE html>

<html>

  

<head>

    <title>

        HTML action Attribute

    </title>

</head>

  

<body>

    <h2>GeeksforGeeks</h2>

  

    <h3>HTML action Attribute</h3>

  

    <form action="test.php" 

          method="post"

          id="users">

  

        <label for="username">

          Username:

      </label>

        <input type="text"

               name="username"

               id="Username">

  

        <br>

        <br>

  

        <label for="password">

          Paswword:

      </label>

        <input type="password" 

               name="password">

    </form>

  

    <br>

  

    <button onclick="myGeeks()">

        Submit

    </button>

    <br>

    <br>

    <b>After Submitting the form-data will sent

      to the "test.php" page on the server.</b>

</body>

  

</html>

Выходы:

Поддерживаемые браузеры . Браузер, поддерживаемый атрибутом HTML , приведен ниже:

  • Гугл Хром
  • Internet Explorer
  • Fire Fox
  • опера
  • Сафари

Рекомендуемые посты:

HTML | Атрибут действия

0.00 (0%) 0 votes

Отправить ответ

avatar
  Подписаться  
Уведомление о