📜  html 表单动作目标空白 - Html (1)

📅  最后修改于: 2023-12-03 15:15:42.165000             🧑  作者: Mango

HTML表单动作目标空白 - Html

在HTML表单中,动作属性描述了在提交表单数据后应该执行的操作。 动作属性的值通常是一个URL,在提交表单数据后,浏览器将跳转到该URL。

但是,有时您可能希望在提交表单数据后,将结果显示在一个新页面或在现有页面的不同位置。 HTML表单的target属性为此提供了一种简单的方法。

空白目标

target属性的默认值是"_self",它表示浏览器将在当前窗口或标签页中打开URL。但是,如果您将target属性设置为"_blank",则浏览器将在新窗口或选项卡中打开URL。这称为“空白目标”。

<form action="submit-form.php" method="post" target="_blank">
  <!-- 表单字段 -->
  <input type="submit" value="Submit">
</form>

上面的代码将表单提交到“submit-form.php”并将结果显示在新选项卡中。

可选的目标名称

除了"_self"和"_blank"之外,您还可以将目标属性设置为自定义名称。然后,如果您希望在另一个表单或页面中显示结果,只需设置该表单或页面的target属性为与表单的目标名称相同即可。

<form action="submit-form.php" method="post" target="my-form-results">
  <!-- 表单字段 -->
  <input type="submit" value="Submit">
</form>

然后,您可以在另一个表单或页面中添加以下代码以显示结果:

<iframe name="my-form-results"></iframe>
总结

在HTML表单中,target属性描述了在提交表单数据后应该打开的URL的位置。默认情况下,它会在当前窗口或选项卡中打开URL。如果您希望在新的选项卡或窗口中打开URL,请将target属性设置为"_blank"。 您还可以将目标属性设置为自定义名称,以便在另一个表单或页面中显示结果。