Атрибут formtarget HTML тега <button>

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

Атрибут formtarget (HTML тега <button>) задаёт браузеру, где показать ответ, полученный после отправки формы (вкладка, текущее окно, или фрейм). По умолчанию установлено значение _self - отображает ответ в текущем окне. Атрибут используется только для <button type = "submit".

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

Спецификация: multipage

Поддерживается во всех основных браузерах с 2015 года.

Показать браузеры
Совместимостьhtml.elements.button.formtarget
ВозможностьКомпьютерыМобильные
ChromeEdgeFirefoxOperaSafariChrome AndroidFirefox for AndroidOpera AndroidSafari on iOSSamsung BrowserWebView AndroidWebView on iOS
formtarget✓9✓12✓4✓15✓5.1✓18✓4✓14✓5✓1.0✓4.4✓5

поддерживается с ограничениями нет поддержки нет данных≤31 — не позднее версии 31

Синтаксис:

HTML
<button formtarget = "_blank | _self | _parent | _top | framename">

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

ЗначениеОписание
_blankОтвет будет отображен в новом окне или вкладке
_selfОтвет отображается в том же окне. Это значение по умолчанию.
_parentОтображает ответ во фрейм родителе, если фреймов нет, то это значение работает как _self.
_topЗагружает ответ в полном исходном окне, и отменяет все остальные фреймы. Если нет родителей, то ведет себя точно так же, как _self.
framenameОтвет отображается в окне <iframe> с указаным именем.

Отличия HTML 4.01 от HTML 5

Атрибут считается новым в HTML 5.

Пример использования

HTML
<!DOCTYPE html>
<html>
  <head>
    <title>Использование атрибутов formnovalidate и formtarget HTML тега <button></title>
  </head>
  <body>
    <form id="myForm">
      <input type="text" name="ulogin" placeholder="Ваше имя" /><br />
      <!-- определяем элемент управления для текстовой информации -->
      <textarea name="uquestion" cols="35" rows="5" placeholder="Ваш вопрос"></textarea><br />
      <button formtarget="_blank" formnovalidate>Отправить</button>
      <!-- определяем кнопку для отправки формы -->
    </form>
  </body>
</html>

В данном примере внутри формы мы создали два элемента <input>, предназначенные для ввода текстовой информации и ввода пароля, и кнопку (HTML тег <button>), предназначенную для отправки формы (тип кнопки submit по умолчанию). Кроме того, атрибутом formtarget со значением "_blank" указали, что при передаче формы ответ будет отображен в новой вкладке, а логическим атрибутом formnovalidate указали, что проверка данных на корректность, введенных пользователем в форму не производится.

Результат нашего примера:

Пример использования атрибутов formnovalidate и formtarget HTML тега <button>.
Пример использования атрибутов formnovalidate и formtarget HTML тега <button>.