button 的 form 属性必须搭配 type="submit"才能触发表单提交，仅设 form="target-id"而无type="submit"会导致点击无反应；form值须严格匹配目标form的id（大小写、空格、前导数字均敏感），且id须全局唯一、不以数字开头、对应form已存在于DOM中。
button 的 form 属性必须搭配 type="submit"
外部按钮提交表单失败，最常见原因是只写了 form="target-id" 却漏了 type="submit"。没有这个属性，按钮就是普通点击元素，不会触发任何提交行为。
常见错误现象：<button form="my-form">提交</button> 点击完全没反应；正确写法必须是：<button type="submit" form="my-form">提交</button>。
-
type="submit"是触发原生表单提交的开关，form属性只是“指路” -
<input type="submit">同样支持form属性，但<input type="button">不支持 - 若同时绑定
onclick且调用event.preventDefault()，会阻止提交，此时需手动调用form.submit()
form 属性值必须严格匹配目标 form 的 id
大小写、空格、前导数字都会导致匹配失败。浏览器不会报错，但按钮点击后静默失效，排查起来容易忽略。
使用场景：比如你有 <form id="login">，那么按钮必须写 form="login"，不能是 form="Login" 或 form=" login "。
立即学习“前端免费学习笔记（深入）”；
- id 值不能以数字开头（如
id="1form"），否则form="1form"在部分解析器中可能不生效 - id 必须全局唯一；重复 id 会导致
form属性随机绑定到某个匹配项 - 目标
<form>必须已存在于 DOM 中——不能在 JS 动态插入后再加按钮
支持多个表单时用空格分隔 form 属性值
一个按钮可以同时提交多个表单，适用于需要批量操作的管理界面（例如“全选删除”+“确认删除”两个表单联动）。
参数差异：form 属性接受空格分隔的多个 id，如 form="form-a form-b"，浏览器会依次提交这两个表单（按 HTML 中出现顺序）。
- 所有目标表单都必须存在且有对应 id；任一缺失，该次提交中对应表单被跳过，无提示
- 各表单的
method和action独立生效，互不影响 - 不支持跨 iframe 提交；目标表单必须与按钮同属一个 document
IE 兼容性差，但现代项目基本可忽略
IE9 及更早版本完全不识别 form 属性，点击按钮无任何效果。不过截至 2026 年，IE 已停止维护，主流项目无需降级处理。
性能影响：纯 HTML 行为，零 JS 开销，比 document.getElementById().submit() 更轻量、更语义化。
- 如果仍需兼容旧环境，降级方案只能是监听按钮 click，然后显式调用
form.submit() - 注意：JS 方式会绕过原生表单验证（如
required），而form属性 +type="submit"会正常触发验证 - 可访问性友好：屏幕阅读器能正确识别该按钮与目标表单的关联关系
真正容易被忽略的是 id 的命名规则和大小写敏感性——它不像 CSS 选择器那样宽松，出错时既不报错也不警告，只能靠人工核对。
