HTML表单标签中的target属性有什么用途？

Question

在我实现 PHP 文件上传进度条时，我看到了 form 标签中的 target 属性。代码如下：

<form action="<?php echo $_SERVER["PHP_SELF"]; ?>" 
      method="POST" id="myForm" 
      enctype="multipart/form-data" 
      target="hidden_iframe">

这里的target属性有什么用？

实际上，在提交这个表单数据（文件）后，我们会从另一个页面，比如upload.php，追踪上传进度。我们能否在没有使用target属性的情况下实现这一点？

- user2823982

Answer 1

这个属性用于指定在哪个窗口中展示远程服务器返回的表单提交响应。

可能的取值有：

• _blank - 在新页面打开
• frame - 在指定名称的iframe中展示
• _self - 在包含表单的相同iframe中展示
• _parent - 在表单所在iframe的父页面/iframe中展示
• _top - 最上方的窗口

- David Lin

---

如何为新窗口/选项卡添加自定义标题？ - Akshay Gundewar

Answer 2

<form action="demo_form.asp" method="get" target="_blank">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="submit" value="Submit">
</form>

目标属性指定一个名称或关键字，用于指示在提交表单后接收响应的显示位置。

目标属性定义浏览上下文（例如选项卡、窗口或内联框架）的名称或关键字。

目标属性值：

_blank：响应在新窗口或选项卡中显示。

_self：响应在相同的框架中显示（默认）。

_parent：响应在父框架中显示。

_top：响应在窗口的完整主体中显示。

framename：响应在命名的iframe中显示。

现在来看你的代码。

method="POST" id="myForm" enctype="multipart/form-data" target="hidden_iframe"

这表示在提交 myForm 后，响应（结果页面）将被“hidden_iframe”占用。

- Tuhin

Answer 3

与锚点目标完全相同。在您的情况下，看起来有一个带有name="hidden_iframe"的iframe - 这就是表单响应将显示的地方。

这里是表单目标的描述

指示接收提交表单后显示响应的名称或关键字。在HTML 4中，这是框架的名称或关键字。在HTML5中，它是浏览上下文的名称或关键字（例如，选项卡、窗口或内联框架）。

来源：<form> - HTML | MDN #target

- benomatis