HTML <button> 标签的 formtarget 属性

HTML <button> 标签HTML <button> 标签

formtarget 属性覆盖表单元素的 target 属性。

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

注释：HTML5 不支持框架和框架集。现在，parent, top 和 framename 值大多用于 iframe。

 

1. 语法

<button formtarget="value">

属性值

值 描述
_blank 在新窗口/选项卡中将表单提交到文档。
_self 在同一框架中将表单提交到文档。（默认）
_parent 在父框架中将表单提交到文档。
_top 在整个窗口中将表单提交到文档。
framename 在指定的框架中将表单提交到文档。

 

2. 范例

带有两个提交按钮的表单（进行验证或不进行验证）：

<form action="demo_form.html" method="get">
  First name: <input type="text" name="fname" />
  Last name: <input type="text" name="lname" />
<button type="submit" >提交</button>
<button type="submit" formtarget="_blank">提交到新窗口</button>
</form>

我要试一试

 

3. HTML 4.01 与 HTML 5 之间的差异

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

HTML <button> 标签HTML <button> 标签

HTML <button> 标签的 name 属性：name 属性为按钮规定名称。name 属性用于在 JavaScript 中对元素进行引用，或者在表单提交之后，对表单数据进行引用。不同的 button 元素可以共享相同的名称。这就允许您标记带有相同名称的若干按钮，以便在表单中使用时能够提交不同的值。