target属性仅作用于当前form元素，不跨表单生效；formtarget可覆盖单个按钮提交目标；action为空时target="_blank"会导致当前页重复加载。
target 属性不是跨表单的，它只作用于当前 元素本身。所谓“跨表单提交到新窗口”，本质是误解——每个表单的 target 独立生效，不存在共享或继承关系。
为什么 form 的 target 不会“跨”到其他表单
HTML 规范中，target 是 的**局部属性**，只控制该表单提交后响应内容的打开位置。浏览器不会查找页面中其他表单、也不会回溯父级上下文。即使两个表单结构相邻、共用 JS 逻辑，它们的 target 值也互不影响。
- 一个表单设了
target="_blank"，只影响它自己的提交行为 - 另一个表单没设
target，就按默认_self行为在当前页提交 - JavaScript 动态修改
form.target也只能改当前表单实例，不能批量作用于多个元素
formtarget 比 target 更适合差异化提交场景
当同一页面有多个提交按钮（比如“保存草稿”和“正式发布”），需要不同目标窗口时，硬编码多个 并分别设 target 很冗余。此时应优先用 formtarget —— 它是按钮级属性，可覆盖所属表单的 target。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
-
：点击即新开标签页，无视上的target -
：强制在当前页提交 - 注意：
formtarget在 IE9 及更早版本中不支持，如需兼容需降级处理
常见错误：target="_blank" + 空 action 导致当前页重复加载
这是最常被忽略的连锁问题：当 提交时，浏览器会把当前 URL 当作提交地址，并在新标签页中重新加载整个页面——看起来像“跨表单跳转”，其实是误配置。
- 现象：点击按钮后，新标签页打开，但内容和当前页一模一样
- 根因：
action=""等价于action="当前URL"，再叠加target="_blank"就必然复现当前页 - 修复方式：要么明确指定
action（如action="/api/submit"），要么移除target="_blank"，要么改用window.open()手动控制跳转 - 安全提醒：若真要用
target="_blank"，务必加rel="noopener noreferrer"，否则新页可通过window.opener访问原页面 DOM
真正要实现“多个表单统一在新窗口提交”，靠 target 属性本身做不到；得用 JavaScript 统一拦截提交事件，再调用 window.open()，并手动序列化表单数据发送。这点容易被文档误导，实际开发中要亲手验证行为而非依赖属性直觉。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
