formtarget仅对、和生效，优先级高于form的target属性，支持_blank等值，但需确保元素在表单内或显式关联，且避开csp拦截与iframe name匹配错误。
formtarget只对type="submit"和type="image"生效
给
常见错误：
-
<button>提交</button>在旧 Safari 中默认是type="button"，formtarget失效 -
<input type="reset">或<input type="hidden">上写formtarget，无效且无任何提示 - 按钮没在
<form></form>内部，也没用form="form-id"显式关联表单
<button type="submit"></button>是首选：样式可控、语义清晰、无障碍支持更稳。
formtarget="_blank"不等于一定弹新窗口
手动点击按钮时，formtarget="_blank"通常能开新标签页；但以下情况会静默失败：
- 页面加载后自动调用
form.submit()（无真实用户点击） - 提交逻辑藏在
setTimeout、Promise.then或异步验证回调里 - CSP 策略中设置了
popup-src 'none' - 控制台出现
Failed to open window或类似警告
验证方式：打开 DevTools → Console，手动执行document.querySelector('form').submit()，看是否真弹窗。不弹，说明环境已拦截。
formtarget优先级高于form的target属性
formtarget不是备用选项，而是明确覆盖机制。即使<form target="_self"></form>已设，只要某个按钮带formtarget="_blank"，点击它就一定走新窗口——无需 JS，也不依赖表单全局设置。
典型多按钮场景：
-
<input type="submit" value="保存草稿" formtarget="_self">：静默提交，不跳转 -
<button type="submit" formtarget="_blank">预览效果</button>：新标签页打开渲染结果 -
<input type="submit" formtarget="pdf-frame" value="导出PDF">：需配合<iframe name="pdf-frame"></iframe>使用
注意：formtarget="pdf-frame"中的pdf-frame必须与<iframe name="pdf-frame"></iframe>的name完全一致，且该<iframe></iframe>必须在 DOM 中静态存在（不能靠 JS 动态创建后赋值）。
iframe方案比_blank更可靠，但要注意同源和name匹配
当formtarget="_blank"被拦截时，用隐藏<iframe></iframe>是最稳的 fallback。关键不是“隐藏”，而是让响应内容载入指定上下文：
-
<form target="my-iframe"></form>必须与<iframe name="my-iframe"></iframe>的name严格匹配（大小写敏感） -
<iframe></iframe>可设style="display:none"，但不能用hidden属性（部分浏览器不触发load事件） - 服务端响应需是完整 HTML（含
）或纯文本；若返回 JSON，需设置Content-Type: text/plain - 监听
iframe的load事件后，可通过iframe.contentDocument.body.innerHTML提取结果（注意同源限制）
name 匹配错一个字符、iframe 动态插入后立刻提交、服务端返回空响应或非 HTML 内容——这些细节最容易被忽略，却直接决定方案成败。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
