formtarget仅对type="submit"或type="image"的表单控件生效，必须位于内或通过form属性关联，优先级高于的target，动态修改需用setattribute或element.formtarget。
formtarget 不是通用跳转控制开关，它只在特定条件下生效：必须是 type="submit" 或 type="image" 的 <input>，且必须位于 <form></form> 内或通过 form 属性显式关联。其他情况加了也白加。
为什么 formtarget="_blank" 点击后没反应
最常见原因是触发时机被浏览器判定为“非用户手势”。哪怕你点了按钮，只要提交逻辑经过了异步链路（比如 Promise.then、setTimeout、fetch 回调后再调用 form.submit()），Chrome/Safari/Edge 就会静默拦截新窗口。
- 检查控制台是否出现
Failed to open window或Blocked a frame with origin类警告 - 手动在 DevTools Console 执行
document.querySelector('form').submit()，看是否真弹窗——不弹，说明环境已拦截 - 确保
formtarget是写在<input type="submit">或<button type="submit"></button>上，而不是<button type="button"></button> - 旧版 Safari 对未声明
type的<button></button>默认按type="button"处理，formtarget直接失效
formtarget 和 form 的 target 属性谁优先
formtarget 一定覆盖 <form target></form>，无需 JS，也不依赖表单全局设置。这是明确的覆盖机制，不是“备用选项”。
- 即使
<form target="_self"></form>已设，只要某个提交按钮带formtarget="_blank"，点击它就一定走新窗口 - 多个按钮可各自指定不同值：
formtarget="_self"、formtarget="_blank"、formtarget="myFrame" - 若目标
<iframe name="myFrame"></iframe>不存在，浏览器会新建同名窗口（通常是新标签页），这不是错误，是规范行为
动态修改 formtarget 的正确姿势
formtarget 是 HTML 属性，不是响应式绑定的 JS 属性。想“动态改”，必须操作 DOM，不能只改变量或用 .formtarget = 赋值。
- 用
element.setAttribute('formtarget', '_blank')，每次完整重设，别只改值不清理旧属性 - DOM 属性名是
formTarget（驼峰），但设值必须用setAttribute；btn.formTarget = '_blank'在部分浏览器无效 - 不要写
btn.formtarget = '_blank'——这不会同步到 HTML 属性，浏览器不识别 - 如果按钮不在
<form></form>内，必须先用form="form-id"显式绑定，否则formtarget不起作用
最容易被忽略的一点：服务端返回内容类型必须匹配目标上下文。向 formtarget="_blank" 提交后，若后端返回的是 JSON（如 {"ok":1}）且未设 Content-Type: text/plain，浏览器会在新标签页直接显示原始文本，而不是渲染页面——这不是前端问题，是服务端响应格式与预期不一致。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
