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

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

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

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

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

Атрибут	Chrome	Firefox	Opera	Safari	IExplorer	Edge
formtarget	Да	Да	Да	Да	10.0	Да

Синтаксис:

<input formtarget = "_blank | _self | _parent | _top | framename">

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

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

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

Атрибут formtarget html5

считается новым в HTML 5.

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

<!DOCTYPE html>
<html>
	<head>
		<title>Использование атрибута formtarget HTML тега <input></title>
	</head>
	<body>
		<form id = "subscribeForm"> <!-- определяем id для нашей формы -->
			Имя: <input type = "text" name = "userName"> <!-- определяем элемент управления для ввода текстовой информации -->
			E-mail: <input type = "email" name = "email"> <!-- определяем элемент управления для ввода адреса электронной почты -->
			<input type = "submit" value = "Подписаться" formaction = "script.php" formtarget = "_blank"> <!-- определяем элемент управления для отправки формы -->
		</form>
	</body>
</html>

В данном примере мы создали форму (HTML тег <form>), глобальным атрибутом id указали для неё идентификатор. Внутри формы мы поместили элементы управления <input>, которые позволяют пользователю ввести логин, адрес электронной почты и отправить нашу форму. Для элемента управления, предназначенного для отправки формы (type = "submit") мы указали:

Атрибутом formaction указали URL файла, который будет обрабатывать (контролировать) входную информацию после отправки формы (script.php).
Атрибутом formtarget указали, что ответ будет отображен в новом окне ("_blank").

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

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

HTML тег <input>