📜  HTML formtarget 属性(1)

📅  最后修改于: 2023-12-03 14:41:46.440000             🧑  作者: Mango

HTML formtarget 属性

在 HTML 中,我们常常会用到表单 <form> 来向服务器发送请求。当用户点击表单的提交按钮时,表单数据会被收集起来,然后向一个指定的 URL 发送请求。

默认情况下,表单请求会在当前窗口或页面中打开。但有时我们可能想要在新的窗口或标签页中打开请求结果,这时就可以使用 formtarget 属性了。

formtarget 属性详解

formtarget 属性用来指定表单提交后将请求结果显示在哪里。它可以有以下三种取值:

  • _self :请求结果会显示在当前页面(默认值)。
  • _blank :请求结果会在新标签页中打开。
  • framename :请求结果会在指定的框架中打开。framename 取值应该是一个框架的名称。如果该名称被多个框架共用,请求结果将会在第一个匹配的框架中打开。

formtarget 属性通常和 form 元素的 methodaction 属性一起使用。例如:

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

在这个示例中,当用户提交表单时,表单数据将会发送到 example.php 页面,并在一个新标签页中打开请求结果。

formtarget 属性的注意事项
  • 如果一个链接同时包含 formtargettarget 属性,formtarget 会覆盖 target
  • 在 HTML 4 中,formtarget 属性是无效的。如果需要在 HTML 4 中打开新的窗口或标签页,可以使用 JavaScript 的 window.open() 方法。
总结

formtarget 属性可以用来指定表单请求的结果在哪里显示。它可以取三种值,分别是 _self_blankframename。该属性可以和 form 元素的 methodaction 属性一起使用。需要注意的是,该属性和 target 属性有冲突,且在 HTML 4 中是无效的。