HTML <input> formtarget 属性

在 HTML 中，<input> 元素是用来创建各种表单元素的标签，其中 formtarget 属性用于指定表单提交后的响应结果在何处显示。在本篇文章中，我们将深入探讨 formtarget 属性的用法和示例。

语法

formtarget 属性的语法如下：

<input formtarget="_blank|_self|_parent|_top|framename">

• _blank: 在新窗口或新标签页中打开响应结果。
• _self: 在当前窗口中打开响应结果。
• _parent: 在父级框架中打开响应结果。
• _top: 在整个窗口中打开响应结果。
• framename: 在指定名称的框架中打开响应结果。

示例

在新窗口中打开响应结果

<form action="submit.php" method="post">
  <input type="text" name="username">
  <input type="submit" value="Submit" formtarget="_blank">
</form>

在这个示例中，当用户点击提交按钮时，表单将以 POST 方法提交到 submit.php，并在新窗口中显示响应结果。

在指定框架中打开响应结果

<iframe name="resultFrame" src="result.html"></iframe>

<form action="submit.php" method="post" target="resultFrame">
  <input type="text" name="username">
  <input type="submit" value="Submit">
</form>

在这个示例中，我们先创建了一个名为 resultFrame 的 iframe 框架，然后在表单中指定了 target="resultFrame"，这样提交后的响应结果将在该框架中显示。

总结

通过使用 formtarget 属性，我们可以灵活地控制表单提交后的响应结果在何处显示，从而提升用户体验和页面交互性。希望本篇文章能帮助你更好地理解和应用这一属性。