name属性必须与后端接收字段名完全一致，是表单提交唯一决定键名的属性；需全小写加下划线命名，避免空格、点号等特殊字符，且不可与id混淆。
name属性必须和后端接收字段名完全一致
表单提交时，name 是唯一决定数据键名的属性，浏览器只认它，id 或 class 不参与提交。后端（比如 PHP 的 $_POST['xxx']、Python Flask 的 request.form['xxx']、Node.js 的 req.body.xxx）靠的就是这个字符串匹配。
- 如果后端期待字段叫
user_email，那 input 就得写<input name="user_email">，写成email或userEmail都收不到 - 复选框（
<input type="checkbox">）多个同名name会合并为数组，例如后端收到["apple", "banana"]，前提是所有 checkbox 共享同一个name="fruit" - 单选组（
radio）也必须共用name才能互斥，否则各自独立提交
name值不能含空格、点号或特殊符号
name 值在 HTTP 表单编码中会被当作键名直接传输，空格、点（.）、方括号（[）、加号（+）等容易被解析器截断或转义，导致后端取不到或取错。
- 避免：
name="user name"（空格 → 变成user+name或截断）、name="user.email"（点号 → 某些框架当对象路径解析）、name="data[0]"（方括号 → 可能被当成数组语法，但非标准且兼容性差） - 推荐：
name="user_name"、name="user_email"、name="is_subscribed"—— 全小写 + 下划线是最稳妥的命名习惯 - 特别注意：某些老系统（如 Java Servlet）对
name含点号会抛IllegalArgumentException
name和id可以不同，但别混用
name 是提交用的，id 是 DOM 定位或 label 关联用的，两者职责分离。常见错误是把 id 直接复制给 name，结果后端收不到——尤其当 id 含短横线（user-name）或驼峰（userName）时。
- 正确做法：
<input id="login-email" name="email"><label for="login-email">邮箱</label> -
for属性只认id，跟name无关；JavaScript 获取表单值也该用form.elements['email']或new FormData(form).get('email')，而不是靠getElementById - 用
FormData调试时，可打印看看实际提交了什么：console.log([...new FormData(form)])
多层嵌套结构不能靠name模拟，得用约定格式
HTML 表单原生不支持 name="user.profile.phone" 这种嵌套结构自动转成 JSON 对象。多数后端会把它当扁平键名处理，比如 Python 的 request.form.get('user.profile.phone') 取到的是字符串，不是 user['profile']['phone']。
立即学习“前端免费学习笔记（深入）”；
- 想传嵌套数据，要么前端序列化成 JSON 放进隐藏域：
<input name="payload" value='{"user":{"email":"a@b.c"}}'> - 要么后端按约定解析下划线命名，例如
user_email→user.email，但这需要额外逻辑，不是默认行为 - 更可靠的方式：改用
fetch+ JSON 提交，绕过传统 form encoding 限制
真正容易被忽略的，是前后端对 name 值的大小写和拼写一致性——哪怕一个下划线漏掉，字段就静默丢失，debug 时很难定位。
