form属性必须严格匹配目标form的id，大小写及符号均敏感；仅button[type="submit/reset"]、input[type="submit/reset"]等支持，且控件须有name属性才能提交。
form 属性必须匹配目标 form 的 id
浏览器只认 form 元素的 id，不是 name、class，也不是 CSS 选择器。写 form="user-form"，就必须存在 <form id="user-form"></form>，且大小写、连字符、下划线全部敏感。
常见错误现象：
-
form="loginForm"对应<form id="loginform"></form>→ 断开，静默失败 -
form="search"对应<form name="search"></form>→ 完全无效 - 页面中多个元素用了相同
id="main"→ 只绑定第一个，其余控件提交时被忽略
验证方法：打开 DevTools 控制台，执行 document.getElementById("user-form").elements，检查返回集合是否包含你用 form 关联进来的控件。
哪些元素支持 form 属性
不是所有表单相关标签都能用 form 属性。只有 HTML5 明确列出的可提交控件才有效：
-
<input>（除type="image"外）：包括text、email、hidden、checkbox、radio -
<button type="submit"></button>或<button type="reset"></button> -
<select></select>和<textarea></textarea> -
<output></output>（仅输出，不参与提交）
以下写法一律无效：
-
<label form="myform"></label>→ 浏览器直接忽略 -
<input type="image" form="search">→ 不会触发提交 -
<fieldset form="main"></fieldset>→ 不支持该属性
button 跨表单提交必须同时满足两个条件
外部按钮要触发指定表单提交，光写 form="target-id" 不够，还必须显式声明 type="submit"。否则它就是一个普通按钮，点击无任何反应。
示例对比：
注意：
- 按钮即使放在页脚、弹窗或另一个
form内部，只要form="target-id"有效，提交数据就只来自target-id表单内部的控件 - 如果按钮已在某个
form内部，form属性会被忽略（父级form优先级更高） - JavaScript 调用
button.click()同样触发该关联行为，且event.submitter会准确指向该按钮（Safari 15.4+ 支持）
控件必须有 name 属性才能提交
无论控件在表单内还是通过 form 属性“拽进来”，没有 name 就不会出现在提交数据中。后端收不到字段，不是 bug，是规范行为。
典型错误：
-
<input id="email">→ 缺少name，后端完全看不到email字段 -
<input name="email" disabled>→ 即使有name，禁用状态也不会提交 -
<input name="items[]" form="main">→ 合法，常用于动态表格行新增字段
容易被忽略的一点：type="hidden" 控件也必须带 name 才能随表单提交，比如 CSRF token 常这么用：<input type="hidden" name="token" value="abc123" form="main">。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
