• _self: 默认值，响应页面在当前窗口或框架中显示。
• _blank: 响应页面在新窗口或新标签页中显示。
• _parent: 响应页面在其父框架中显示。
• _top: 响应页面在整个窗口中显示（清除所有框架）。
• framename: 响应页面在指定的框架中显示。

当

示例代码分析与修正

以下是一个导致问题发生的HTML表单代码示例：

<form id="myForm" action="" target="_blank">
  <div class="logo">
    @@##@@
  </div>
  <input type="text" placeholder="Phone number, username, or email" id="email">
  <input type="password" placeholder="Password" id="name">
  <button class="form-btn" onclick="sendMail()">Log in</button>
  <!-- ...其他表单元素... -->
</form>

在这段代码中，

Hishop.5.2.BETA2版主要更新： [修改] 进一步优化了首页打开速度 [修改] 美化了默认模板 [修改] 优化系统架构,程序标签及SQL查询效率,访问系统页面的速度大大提高 [修改] 采用了HTML模板机制,实现了前台模板可视化编辑,降低模板制作与修改的难度. [修改] 全新更换前后台AJAX技术框架,提升了用户操作体验. 店铺管理 [新增] 整合TQ在线客服 [修改] 后台广告位增加

要解决此问题，只需从

修正后的HTML代码：

<form id="myForm" action="">
  <div class="logo">
    @@##@@
  </div>
  <input type="text" placeholder="Phone number, username, or email" id="email">
  <input type="password" placeholder="Password" id="name">
  <button class="form-btn" onclick="sendMail()">Log in</button>
  <!-- ...其他表单元素... -->
</form>

移除target="_blank"后，表单将恢复其默认行为，即在当前标签页中提交并处理响应。如果action属性为空，表单将提交到当前页面的URL。

注意事项与最佳实践

1. 理解target属性的用途： 仅当您确实需要表单提交结果在一个新窗口或新标签页中显示时才使用target="_blank"。例如，如果提交表单后会生成一个报告文件并在新标签页中打开供用户查看。
2. 默认行为： 表单的默认target值是_self。这意味着，如果您不指定target属性，表单将自动在当前页面提交。这通常是登录、注册等操作的期望行为。
3. J*aScript 提交： 如果您使用 J*aScript（例如通过fetch API 或 XMLHttpRequest）来异步提交表单数据（如示例中的sendMail()函数可能暗示的），那么表单本身的action和target属性将不再起作用，因为实际的数据提交是由 J*aScript 代码控制的，它不会导致页面刷新或跳转。在这种情况下，即使存在target="_blank"，也不会触发新标签页打开，但为了代码的清晰和避免混淆，仍然建议移除它。
4. 用户体验： 对于大部分表单提交，保持用户在当前页面是更好的体验。在新标签页中打开可能会打断用户的工作流，尤其是在移动设备上。

总结

解决HTML表单提交后在新标签页中打开的问题非常简单，核心在于识别并移除