formtarget仅对、和生效，优先级高于form的target属性，可指定_blank、_self等合法值或已存在且name严格匹配的iframe，但受浏览器弹窗拦截、csp限制及dom就绪时机影响。
formtarget 是个被严重低估的原生属性——它不依赖 JavaScript，就能让同一个表单的不同提交按钮导向不同窗口或 iframe，而且优先级高于 form 的 target 属性。
哪些元素能用 formtarget？
只对三类元素生效：<input type="submit">、<input type="image">、<button type="submit"></button>。其他情况一律忽略：
-
<button>提交</button>没写type="submit"，在旧 Safari 中默认是type="button"，formtarget完全无效 -
<input type="reset">或<input type="hidden">上加formtarget，浏览器静默丢弃，控制台无提示 -
<button type="button"></button>即使绑了 JS 提交逻辑，formtarget也不起作用——它只参与原生表单提交流程
formtarget="_blank" 为什么点了没反应？
不是代码写错了，而是现代浏览器（Chrome、Safari、Edge）对弹窗有严格手势要求。以下情况会导致静默降级为 _self：
- 提交触发在
setTimeout、fetch().then()或 Promise 回调里，失去用户点击上下文 - CSP 策略中设置了
popup-src 'none'，控制台报Failed to open window - 后端返回非
text/html响应（比如纯 JSON 或空 body），新标签页打开后显示“无法加载此网页” - 表单被
event.preventDefault()阻止，或框架（如 Vue/React）劫持了原生提交
验证是否真失效：打开 DevTools → Console，手动执行 document.querySelector('form').submit()，看是否弹窗。不弹，说明环境已拦截。
和 form 的 target 属性怎么共存？
formtarget 不是“备选”，而是明确覆盖机制：
- 哪怕
<form target="_self"></form>已设，只要某个按钮带formtarget="_blank"，点击它就一定走新窗口 - 多个按钮可混用：
formtarget="_blank"、formtarget="myFrame"、formtarget="_top"，互不干扰 - 若按钮没设
formtarget，则回落到form的target值；两者都没设，默认_self
注意：formtarget="myFrame" 要求页面中必须存在 <iframe name="myFrame"></iframe>，name 必须完全一致（大小写敏感），id 不起作用。
容易被忽略的兼容性细节
真正麻烦的不是语法，而是运行时环境约束：
-
<iframe name="xxx"></iframe>必须在表单提交前已存在于 DOM 中；动态插入后立刻 submit，在 Safari 中可能失效 -
formtarget="_blank"在部分 iOS Safari 中会复用已有空白页而非新开，且不自动聚焦 - 如果服务端 action 是跨域地址，需返回
Access-Control-Allow-Origin头，否则响应可能被 CORS 拦截，新页白屏 - 隐藏 iframe 方案（
style="display:none"）比_blank更可靠，但不能用hidden属性——部分浏览器不触发load事件
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
