form属性必须严格匹配目标form的id，大小写、连字符等均敏感，且控件须有name属性才参与提交；支持input、button、select等元素，但不支持div等非表单元素。
form 属性必须匹配目标 form 的 id
外部 input 要归属某个表单，唯一合法方式是设置 form 属性，且值必须与页面中某个 form 元素的 id 完全一致——大小写、连字符、下划线都算不同。浏览器只认 id，不支持 name、class 或 CSS 选择器。
常见静默失败场景：
-
form="user-form"，但目标form写的是id="userForm"（驼峰 vs 连字符） -
form="login"，但实际form的id是id="login-form" - 目标
form是 JS 动态插入的，DOM 尚未挂载完成就渲染了带form属性的input
input 必须有 name 才会被提交
即使 form 属性正确绑定，若 input 缺少 name，它在提交时会被完全忽略——后端收不到该字段，浏览器也不报错。
注意点：
-
id和class不能替代name；→ 后端收不到email -
name值需符合后端约定，比如name="user[email]"在某些框架中会自动解析为嵌套结构 - 隐藏域也适用：
是高频用法
哪些 input 类型支持 form 属性
所有 input 类型（text、radio、checkbox、hidden、file 等）都支持 form 属性，但有两个硬性前提：
- 必须不在任何
form元素内部（否则父级form优先级更高，form属性被忽略） - 必须有
name属性（已强调，但再提一次：这是最容易漏的）
例外： 支持 form 属性，但 不触发提交，哪怕写了 form="xxx" 也没用。
表格里放外部输入框怎么避免 DOM 错乱
别把 form 塞进 tr 或 td 里——HTML 规范禁止 form 作为 tr 的直接子元素。浏览器会自动“修复”DOM，导致控件脱离逻辑表单，验证失效、数据不提交。
正确做法是：
- 把
form放在表格外（比如底部或页面顶部） - 表格单元格内用
input+form="target-id"显式绑定 - 每行独立提交？给每行配唯一
form id，如id="row-123"，对应所有控件都设form="row-123"
关键细节：同一行多个 input 可共用一个 form 属性值，但每个 input 的 name 必须唯一（除非是数组类字段，如 name="items[]"）。
跨表单提交真正难的不是语法，而是 DOM 存在时机和 name 的一致性——这两点出错，浏览器既不报错也不警告，只安静地丢掉数据。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
