HTML <button> formtarget 属性

在 HTML 中，<button> 元素用于创建按钮，通常用于在用户点击后触发某些操作。除了常见的属性，如 type、name 和 value，<button> 元素还有一个 formtarget 属性，用于指定提交表单时在何处打开响应的页面。

语法

formtarget 属性的语法如下：

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

• _blank：在新窗口中打开响应的页面。
• _self：在当前窗口中打开响应的页面（默认值）。
• _parent：在父窗口中打开响应的页面。
• _top：在顶层窗口中打开响应的页面。
• framename：在指定名称的框架中打开响应的页面。

示例

下面是一个简单的示例，演示如何使用 formtarget 属性：

<form action="submit.php" method="post">
  <input type="text" name="username" placeholder="Username">
  <input type="password" name="password" placeholder="Password">
  <button type="submit" formtarget="_blank">Submit</button>
</form>

在这个示例中，当用户点击提交按钮时，表单将以新窗口的方式打开 submit.php 页面。

注意事项

• 使用 formtarget 属性时，要确保目标页面存在，否则会导致错误。
• 谨慎使用 _blank 值，因为在新窗口中打开页面可能会被浏览器拦截或被用户视为不安全行为。

总结

通过学习 HTML <button> 元素的 formtarget 属性，可以更好地控制表单提交后页面的打开方式，提升用户体验和交互性。在实际开发中，根据需求选择合适的 formtarget 值，确保页面跳转的准确性和流畅性。