后端收不到字段是因为浏览器只提交带name属性的控件，缺name则请求体中完全不包含该字段；name是表单数据传输的唯一开关，id、class等其他属性均无效。
没写 name 的表单控件，后端根本收不到——不是解析失败，是压根不发。
为什么后端总收不到某个字段？
浏览器提交表单时，只收集所有带 name 属性的控件，拼成 key=value 对（如 username=alice）。漏掉 name，哪怕 id="email"、value="test@example.com"、用户也确实输进去了，它也不会出现在请求体里。
-
<input type="text" id="email">→ 提交数据中完全不出现email字段 -
<input type="text" name="email" id="email">→ 才会发email=xxx - 动态用 JS 创建控件时，
el.id = "email"不够，必须写el.name = "email"
radio 和 checkbox 为什么必须同名？
name 是分组机制的唯一依据。浏览器和后端都靠它识别“这是一组单选”或“这是多选兴趣”，而不是靠 class、id 或位置。
-
<input type="radio" name="theme" value="light">和<input type="radio" name="theme" value="dark">→ 用户只能选一个，后端收到theme=light或theme=dark - 如果两个 radio 的
name不同（比如name="theme1"和name="theme2"），它们就互不干扰，也不构成逻辑组 -
<input type="checkbox" name="hobby" value="reading">多个同名 checkbox → 勾选两个就发hobby=reading&hobby=coding，后端需按多值处理（如 PHP 自动转数组，Express 需配extended: true）
按钮的 name 属性到底要不要写？
要，而且非常关键——尤其是多个提交按钮共存时。
- 只有
type="submit"或type="image"的按钮才会提交自己的name和value -
<button type="submit" name="action" value="save">保存</button>→ 提交action=save -
<button type="submit" name="action" value="delete">删除</button>→ 提交action=delete - 如果漏了
name="action"，后端就拿不到操作意图；如果只写了name没写value，则提交action=（空值） - 多个按钮共用
name但不同value，是区分操作意图最轻量、最兼容的做法
name 命名有哪些硬性限制？
看似随便起，实则影响前后端连通性。后端框架对键名合法性有隐式要求，不是所有字符都能安全通过。
- ✅ 推荐：全小写 + 下划线，如
user_name、profile_image - ❌ 避免：空格（
user name）、点号（user.email）、方括号（user[address]）——除非你确认后端明确支持该解析规则（Laravel 支持，Express 默认不支持） - ⚠️ 注意大小写：前端写
name="Email"，后端用request.form.get("email")就取不到；PHP 的$_POST['Email']和$_POST['email']是两个键 - ⚠️ 重复写
name（如<input name="a">）行为未定义，多数浏览器只认最后一个，极易导致分组失效
真正容易被忽略的是：name 不是“可选项”，而是表单数据链路的起点。它不像 id 那样能被 JS 补救，也不像 placeholder 那样只是提示——它一旦缺失，整条数据就在 HTTP 请求发出前就被浏览器静默丢弃了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
