form属性必须严格匹配目标form元素的id，大小写、连字符等均敏感；支持空格分隔多id绑定；仅submit/reset按钮能跨表单触发提交；IE10以下不支持。
form 属性必须指向 form 元素的 id
HTML5 允许表单控件脱离 <form> 标签的物理包裹，但前提是必须用 form 属性显式绑定。这个属性的值不是任意字符串，也不是 name，而是目标 <form> 的 id 值——且必须完全匹配，包括大小写和空格。
常见错误是把 form="myForm" 写成 form="myform"（大小写不一致），或误填 name 值，导致浏览器根本不识别该控件属于任何表单，提交时被忽略。
<form id="login-form">...</form>- ✅ 正确：
<input type="email" form="login-form"> - ❌ 错误：
<input type="email" form="login_form">（下划线 vs 连字符） - ❌ 错误：
<input type="email" form="loginForm">（驼峰命名不匹配）
多个表单共用一个控件时用空格分隔 form 值
一个控件可以同时隶属于多个表单，比如一个通用的 <input type="hidden"> 需要随不同表单一起提交。这时 form 属性支持空格分隔的多个 id 列表。
注意：浏览器会将该控件的数据分别包含在每个对应表单的提交数据中；如果某个 id 不存在，该部分绑定失效，但不影响其他有效绑定。
立即学习“前端免费学习笔记（深入）”；
<form id="a"><button type="submit">提交A</button></form><form id="b"><button type="submit">提交B</button></form>- ✅ 共享控件：
<input name="tracking_id" value="123" form="a b"> - ⚠️ 不推荐用于
type="submit"或type="reset"，行为未标准化，各浏览器处理不一致
form 属性对 submit 和 reset 按钮的特殊影响
普通 <input> 或 <textarea> 加 form 属性只是“归属”，但 <button type="submit"> 或 <input type="submit"> 加了 form 属性后，会强制它触发指定 id 的表单提交——哪怕按钮本身不在那个 <form> 标签内。
这意味着你可以把提交按钮放在表单外面、甚至页面顶部/侧边栏，只要 form 属性正确，点击就等效于点击表单内的原生提交按钮。
<form id="search-form" action="/search"><input name="q"></form>- ✅ 外部按钮触发搜索：
<button type="submit" form="search-form">? 搜索</button> - ⚠️ 如果同时设置了
formaction或formmethod，它们会覆盖<form>上的action和method，需确认是否符合预期
不支持 form 属性的老浏览器怎么办
IE10 及更早版本完全不支持 form 属性，Safari 在 iOS 12.2 之前也存在兼容性问题。如果你需要兼容这些环境，不能依赖 form 属性实现跨区域绑定。
替代方案只能是：把控件放回 <form> 标签内部，或用 JavaScript 手动收集值并提交。不要试图用 CSS 把控件“视觉上”移出表单而保留 DOM 位置——那只是障眼法，语义和功能都不成立。
最容易被忽略的一点：即使你用了 form 属性，required、pattern 等验证属性依然生效，但验证时机仍由所属表单的提交触发，而不是控件自身变化。这点和放在表单内完全一致。
