HTML表单标记中target属性的用途是什么？

Question

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

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

这有什么用target attribute？

实际上,在提交此表单数据(文件)后,我们会从另一个页面跟踪上传进度upload.php.我们可以在没有target属性的情况下实现吗？

Answer 1

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

可能的值是:

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

Answer 2

与锚目标的工作方式完全相同.在您的情况下,看起来在某处有一个iframe name="hidden_iframe"- 这是表单的响应将显示的位置.

这是表单目标的描述

一个名称或关键字,指示在提交表单后显示收到的响应的位置.在HTML 4中,这是框架的名称或关键字.在HTML5中,它是浏览上下文的名称或关键字(例如,选项卡,窗口或内联框架).

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

Answer 3

<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'占用.