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

【问题标题】：What is the use of target attribute in HTML form tag?HTML表单标签中的target属性有什么用？
【发布时间】：2014-03-26 12:03:31
【问题描述】：

当我在 PHP 中实现文件上传进度条时，我在 form 标记中看到了这个目标属性。代码是这样的：

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

这里target attribute有什么用？

实际上，在提交此表单数据（文件）后，我们会从另一个页面（例如upload.php）跟踪上传进度。我们可以在没有目标属性的情况下实现它吗？

【问题讨论】：

标签： html forms target

【解决方案1】：

用于指定提交表单时您希望在哪个窗口中显示来自远程服务器的响应。

可能的值是：

_blank - 新页面
frame - 在 iframe 中显示给定名称
_self - 显示在表单所在的同一 iframe 中
_parent - 显示在表单 iframe 的父页面/iframe 中
_top - 最顶层的窗口

【讨论】：

如何为新窗口/标签添加自定义标题？

【解决方案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>

target 属性指定一个名称或关键字，指示在哪里显示提交表单后收到的响应。

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

目标属性值：

_blank : 响应显示在新窗口或标签中

_self : 响应显示在同一帧中（默认）

_parent : 响应显示在父框架中

_top : 响应显示在整个窗口中

framename : 响应显示在一个命名的 iframe 中

现在来看看你的代码。

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

表示在发布 myForm 后响应（结果页面）将被“hidden_iframe”占用。

【讨论】：

【解决方案3】：

与锚目标的工作方式完全相同。在您的情况下，似乎在某处有一个带有 name="hidden_iframe" 的 iframe - 这就是表单响应将显示的位置。

这里是表单目标的描述

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

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

【讨论】：