target="_blank"使表单在新页提交，但常因后端接口不支持get、返回非html内容、弹窗拦截、iframe沙箱策略等导致空白或失效；formtarget可按按钮精细化控制目标，优先级高于form的target。
target="_blank" 让表单提交后，响应内容在新标签页（或新窗口）中打开，而不是覆盖当前页面。这是最直接的用途，但实际用起来远不止“开个新页”这么简单——它会影响用户停留时长、后端响应处理方式、甚至 SEO 和可访问性。
为什么 form 的 target="_blank" 不总按预期工作？
常见现象是点了提交按钮，页面没跳转、也没开新页，或者开了新页但显示空白/404。原因往往不是写错了 target="_blank，而是：
-
form的method是GET但action指向了不支持 GET 的接口（比如只接受 POST 的后端路由） - 后端返回的是纯 JSON 或无 HTML 内容，浏览器在新页里渲染成乱码或空白
- 浏览器启用了弹窗拦截（尤其在非用户手势触发的提交场景下，比如 JS 自动 submit）
- 表单嵌套在
iframe中，而父页设置了Content-Security-Policy: sandbox，禁止弹出窗口
formtarget 能替代 target 吗？什么时候必须用它？
能替代，而且更灵活——formtarget 是按钮级控制，优先级高于 form 的 target。当你需要同一表单里不同按钮走不同目标时，它就不可替代：
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
- “保存草稿”按钮设
formtarget="_self"，留在当前页 - “预览发布”按钮设
formtarget="_blank"，开新页看效果 - “导出 PDF”按钮设
formtarget="pdf-frame"，定向到隐藏<iframe name="pdf-frame"></iframe>
注意：formtarget 只对 <button type="submit"></button> 或 <input type="image"> 生效；<input type="submit"> 也支持，但部分旧版 Safari 对它的兼容性略弱。
新窗口提交后，怎么拿到响应数据或关闭窗口？
不能直接拿。传统表单提交是全页导航行为，新页和原页之间没有 JS 上下文共享。如果你需要：
- 提交后自动关闭新页 → 后端响应页里加
<script>window.close()</script>，但仅当该页由window.open()打开才有效；target="_blank"打开的页受浏览器限制，多数现代浏览器会忽略window.close() - 提交后刷新原页或更新状态 → 改用
fetch+FormData，完全绕过target机制 - 保持原页可用、又想展示提交结果 → 把
target指向一个隐藏<iframe></iframe>（name 必须静态存在且拼写一致），再监听 iframe 的load事件解析响应
真正容易被忽略的点：无论用 target 还是 formtarget，它们都依赖服务端返回可渲染的 HTML 响应。如果后端只返回 JSON，新页只会显示原始文本——这不是前端能单方面解决的问题。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
