HTML 参考手册

HTML 标签大全

HTML: <button> formtarget 属性

formtarget 属性指定在提交表单后在哪里显示响应。 formtarget 属性覆盖表单元素的 target 属性,该属性与 type="submit" 配合使用。

 HTML <button> 标签

在线示例

具有两个提交按钮的表单。第一个提交按钮提交具有默认目标(“ _self”)的表单数据,第二个提交按钮将表单数据提交到新窗口(target =“ _ blank”):

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML <button> formtarget 属性使用-菜鸟教程(cainiaojc.com)</title>
</head>
<body>
<form action="action_page.php" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <button type="submit" >提交</button>
  <button type="submit" formtarget="_blank">提交到新窗口</button>
</form>
</body>
</html>
测试看看 ‹/›

浏览器兼容性

IEFirefoxOperaChromeSafari

Internet Explorer 10, Firefox, Opera, Chrome, 和 Safari 支持 formtarget 属性。

注意: Internet Explorer 9 及更早IE版本不支持 formtarget 属性。

定义和用法

formtarget 属性指定在提交表单后在哪里显示响应。 formtarget 属性覆盖表单元素的  target  属性。

该属性与 type="submit" 配合使用。

HTML 4.01 与 HTML5之间的差异

formtarget 属性是 HTML 5 中的新属性。

注意:HTML5不支持框架和框架集。_parent,_top和framename值现在主要用于iframe。

语法

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

属性值

描述
_blank在新窗口/选项卡中将表单提交到文档。
_self在同一框架中将表单提交到文档。(默认)
_parent在父框架中将表单提交到文档。
_top在整个窗口中将表单提交到文档。
framename在指定的框架中将表单提交到文档。
 HTML <button> 标签