target属性只对原生表单提交生效，若被event.preventDefault()拦截、在SPA中被路由劫持或非用户手势调用submit()，则失效；正确用法是<form target="_blank">且确保无JS拦截，配合rel="noopener noreferrer"防安全风险。
form 的 target 属性只对原生提交生效，不响应 JS 触发的 submit()
隐式提交（比如 form.submit() 调用）仍会走 target 指定的目标上下文，但前提是：表单没被 event.preventDefault() 阻止，且没在框架路由中被劫持。很多 SPA 场景下，开发者写了 target="_blank" 却没反应，根本原因是 Vue/React 组件里绑了 @submit.prevent 或 onSubmit={e => e.preventDefault()} —— 这直接切断了原生提交流程，target 自然失效。
常见错误现象：form.submit() 后页面静默刷新当前页，或控制台报 Failed to open window；检查是否在 form 外层监听了 submit 事件并调用了 preventDefault。
实操建议：
- 确认没有全局拦截 submit 事件，尤其注意第三方 UI 库（如 Ant Design、Element Plus）的表单组件默认行为
- 若必须用 JS 提交又想复用 target 逻辑，改用
form.requestSubmit()（兼容性更好，会触发约束验证，也尊重 target） - 在非用户手势上下文中调用
form.submit()（如 setTimeout 或 Promise.then），Chrome/Safari 可能静默拦截target="_blank"，此时应改用隐藏<iframe name="xxx">+target="xxx"
target 值匹配不到 iframe 或窗口时，浏览器自动新建同名窗口是规范行为
写 <form target="report-viewer">，但页面里没有 <iframe name="report-viewer">，也没有之前用 window.open('', 'report-viewer') 打开的命名窗口——这时浏览器不会报错或忽略，而是新建一个名为 report-viewer 的标签页。这不是 bug，是 HTML 规范明确规定的兜底逻辑。
立即学习“前端免费学习笔记（深入）”；
容易踩的坑：
- 拼写不一致：
<iframe name="pdf-frame">和target="pdf_frame"不匹配，结果新开窗口而非填入 iframe - iframe 被设了
hidden属性：部分浏览器不触发load事件，应改用style="display:none" - 服务端返回非完整 HTML（比如只返回 JSON 或片段），新窗口/iframe 渲染出纯文本，看着像“空白”
formtarget 比 target 更适合按钮级差异化提交，且优先级更高
当一个表单需要多个提交路径时，formtarget 是唯一零 JS、语义清晰、无障碍友好的解法。它专为 <button type="submit"> 和 <input type="image"> 设计，优先级无条件高于 <form target>。
典型使用场景：
- “保存草稿”按钮设
formtarget="_self"，避免跳转，保留编辑状态 - “预览”按钮设
formtarget="_blank"，打开渲染页，不影响当前表单 - “导出 PDF”按钮设
formtarget="pdf-iframe"，定向到已声明的<iframe name="pdf-iframe">
注意：formtarget 对 <input type="button"> 无效；IE9 及以下不支持，但 2026 年已基本可忽略。
target="_blank" 的安全副作用常被低估，rel="noopener" 不是可选项
target="_blank" 会赋予新页面通过 window.opener 访问原页面 DOM 的能力。如果 action 指向的是不受信域名（比如用户可控的重定向参数），攻击者可在新页执行 window.opener.location = 'https://evil.com' 劫持原页。
必须同步加 rel="noopener"（推荐再加 noreferrer）：
- 写法只能是
<form target="_blank" rel="noopener noreferrer">——rel是<form>的属性，不是按钮的 - 仅靠 JavaScript 设置
form.rel = "noopener"无效，必须在 HTML 中声明或用 DOM API 在 submit 前动态设置 - 若用隐藏 iframe 方案替代
_blank，则无需担心 opener 问题，但需处理同源限制下的内容读取
真正容易被忽略的点：target 机制完全依赖服务端返回可渲染的 HTML。前端无论怎么设 target 或 formtarget，只要后端返回的是 JSON、空响应或 4xx/5xx 状态码，新窗口/iframe 就只会显示原始文本或错误页——这个责任不在 HTML，而在接口契约是否对齐。
