form属性必须严格匹配目标form的id，大小写、连字符、下划线均敏感，不认name或class；button跨表单提交需同时设form和type="submit"；控件必须有name属性且不能disabled，否则不参与提交。
form 属性必须匹配目标 form 的 id，否则静默失效
浏览器只认 id，不接受 name、class 或任何其他属性值。写 form="login" 时，页面中必须存在且仅存在一个 ，大小写、连字符、下划线全部敏感。
常见错误现象：
-
form="user-form"对应的是→ 完全无效 -
form="LoginForm"对应→ 失败（大小写不一致） -
form="search"但页面里有多个id="search"→ 只关联第一个，其余控件提交时被忽略
验证方法：打开 DevTools 控制台，执行 document.getElementById("search").elements，检查返回的 HTMLFormControlsCollection 是否包含你用 form 关联进来的控件。
button 跨表单提交必须同时设 form 和 type="submit"
仅写 不会触发任何行为——它默认是 type="button"，纯 JS 用途。必须显式声明 type="submit" 才能激活跨表单提交逻辑。
容易踩的坑：
- 按钮已嵌套在某个
内部 →form属性被忽略，优先级低于父级form - 用了
type="reset"或type="button"→ 点击无提交，控制台也不报错 - 按钮本身有
name和value，但它们不会随表单数据一起提交（除非额外设置formmethod和formaction）
示例有效写法：
input 类型支持范围与必要条件
绝大多数 都支持 form 属性，但 type="image" 是明确例外；disabled 状态的控件无论是否关联，都不会提交；readonly 则照常提交。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
关键前提：
- 必须有
name属性，否则即使 DOM 中可见，也不会出现在FormData或后端请求体中 -
type="hidden"、type="checkbox"、type="radio"均合法且常用 - 若控件位于另一个
内部，form属性仍生效（只要它没被父form包裹）
典型误用： 缺少 name → 提交时字段消失
JavaScript 中如何识别哪个按钮触发了提交
监听 submit 事件时，event.submitter 会准确指向那个带 form 属性并点击的 ，前提是浏览器支持（Safari 15.4+，Chrome/Firefox 早已支持）。
兼容性注意点：
- 旧版 Safari 或 IE 中
event.submitter为null，需靠data-action+click事件手动标记 - 用
form.submit()方法调用提交时，event.submitter恒为null，无法溯源 - 多个按钮共用同一
form值时，event.submitter是唯一可靠区分依据
复杂点在于：DOM 位置完全不影响数据采集范围，但会影响可访问性和 JS 事件流判断——比如按钮在模态框里，而表单在页面底部，event.submitter 仍是它自己，不是模态框容器。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
