HTML |

目标属性

在 HTML 中，我们可以使用 <form> 元素来创建一个表单，然后通过输入框、单选框、多选框等表单控件来收集用户信息。但是，当用户提交表单时，我们需要告诉浏览器该将表单提交到哪里，这时候就要用到 target 属性。

基本语法

target 属性用于指定表单提交后响应的文档在何处打开。

<form action="submit.php" method="post" target="_blank">
  <!-- 表单控件... -->
</form>

取值

target 属性的取值如下：

• _self：在当前窗口中打开响应文档（默认值）。
• _blank：在新窗口中打开响应文档。
• _parent：在当前窗口的父级框架中打开响应文档。
• _top：在当前窗口顶级框架中打开响应文档。
• 自定义窗口名称：在指定名称的窗口中打开响应文档。

示例

下面是一个简单的示例，当用户提交表单时，在新窗口中打开响应文档：

<form action="submit.php" method="post" target="_blank">
  <!-- 表单控件... -->
  <input type="submit" value="提交">
</form>

注意事项

• 如果在表单中使用了 JavaScript submit() 方法提交表单，则不会触发 target 属性的效果，而是在当前窗口中打开响应文档。
• 如果目标属性指定的窗口不存在，则会在新窗口中打开响应文档。
• _self 属性可以省略，因为它是默认值。

以上就是关于 HTML 中 <form> 元素的 target 属性的介绍，希望对你有所帮助！