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

HTML тег <button>

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

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


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


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

АтрибутChrome
Chrome
Firefox
Firefox
Opera
Opera
Safari
Safari
Internet Explorer
IExplorer
Microsoft Edge
Edge
formtargethtml5ДаДаДаДа10.0Да

Синтаксис:

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

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

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

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

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

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

<!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 по умолчанию). Кроме того, атрибутом formtargethtml5 со значением "_blank" указали, что при передаче формы ответ будет отображен в новой вкладке, а логическим атрибутом formnovalidatehtml5 указали, что проверка данных на корректность, введенных пользователем в форму не производится.

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

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