按钮可通过 form 属性提交任意位置的表单，前提是 type="submit" 且 form 值严格匹配目标 form 的 id（大小写、符号须完全一致），ID 必须已存在于 DOM 中且唯一，type="button" 不触发提交。
按钮可以放在页面任意位置，只要 type="submit" 且 form 属性值匹配目标 <form></form> 的 id，就能提交它——不需 JS，也不用嵌套。
button 的 form 属性必须写对 ID
这个属性不是选择器，只认 id 字符串，大小写、连字符、下划线都必须完全一致。常见静默失败就是拼错或漏写 id：
-
<form id="user-form"></form>→ 按钮必须写form="user-form"，不能是form="UserForm"或form=".user-form" - 目标
<form></form>必须已存在于 DOM 中（不能是 JS 动态插入后才加的id） - 页面中不能有重复
id，否则浏览器只认第一个
type="submit" 是硬性前提，type="button" 不会触发任何提交
很多开发者写了 form="xxx" 却没生效，翻来覆去检查 ID，最后发现按钮是 <button type="button"></button> —— 这种按钮点击后什么都不会发生，连 submit 事件都不会派发：
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 只有
<button type="submit"></button>、<input type="submit">和<input type="image">支持form属性 -
<button></button>不写type默认是submit，但显式写出更安全，避免被其他框架或模板意外覆盖 - 如果按钮本意是执行 JS 逻辑（比如弹窗、校验前置），请务必写成
type="button"，否则可能误触表单提交
按钮放哪都行，但数据只采集目标 <form></form> 内部字段
物理位置不影响数据范围。哪怕按钮在页脚、模态框里，甚至嵌套在另一个 <form></form> 中，只要 form="target-id" 有效，提交时只打包 id="target-id" 表单里的 <input>、<select></select>、<textarea></textarea> 等可提交控件：
立即学习“前端免费学习笔记（深入）”；
- 按钮自身所在的 DOM 上下文完全无关，不会把旁边输入框的值带上
- 目标表单的
required验证、pattern、min/max等约束照常生效 - 如果按钮在另一个表单内部（比如
<form id="nav-form">...<button form="main-form"></button> </form>），它的form属性会覆盖父表单绑定，直接提交main-form
最容易被忽略的是：按钮和目标表单之间没有 DOM 层级依赖，但有严格的 ID 绑定契约。ID 错一位、多一个空格、少一个连字符，就彻底失效，而且浏览器不报错、不警告——只能靠人工核对或 DevTools 检查元素是否存在对应 id。
