浏览器只提交带name属性的表单控件值，无name则字段被完全忽略；同名控件按类型处理：radio取单值、checkbox提交勾选项、select multiple发重复键、hidden后值覆盖前值。
没写 name 的 <input>，服务器根本收不到它的值——不是后端漏了，是浏览器压根没发。
为什么表单提交后后端收不到某个字段？
最常见原因是控件漏写了 name 属性。哪怕它有 id、有 value、用户也填了内容，只要没 name，浏览器在序列化表单时就直接跳过它。
-
<input type="text" id="username">→ 提交数据里没有username键 -
<input type="text" name="username" value="alice">→ 提交后变成username=alice -
<input type="hidden" value="123">→ 这个值完全不会发送，哪怕它是动态生成的
同名 name 在不同控件类型下行为完全不同
同名不是 bug，是设计机制，但不同控件对“同名”的解释天差地别：
-
<input type="radio" name="color" value="red">和<input type="radio" name="color" value="blue">：只提交一个值，选中哪个就发哪个 -
<input type="checkbox" name="hobby" value="reading">和<input type="checkbox" name="hobby" value="coding">：勾几个发几个，全不勾就不发hobby这个键 -
<select multiple name="tag"><option value="js"><option value="css"></select>：提交为tag=js&tag=css，不是数组，是重复键名 -
<input type="hidden" name="id" value="1"><input type="text" name="id" value="2">：后出现的覆盖前一个，最终只收到id=2
name 值含方括号或点号会出什么问题？
HTML 本身不解析 name 内容，只是原样发出去；能不能被后端当嵌套结构用，全看框架是否支持约定解析：
立即学习“前端免费学习笔记（深入）”；
-
name="user[name]"→ PHP/Rails 默认转成$_POST['user']['name']，但 Express 默认只收到{'user[name]': 'Alice'} -
name="user.name"→ 部分老框架（如某些 Java Servlet 解析器）会误判为对象路径，静默丢弃 -
name="user name"→ 空格在 URL 编码后变成%20，某些后端（如 Go 的url.ParseQuery）会直接跳过非法键名 - 推荐命名：
user_name或user-name，避免空格、点号、方括号，除非你明确知道后端能处理
动态生成表单时 name 容易踩的坑
JavaScript 插入或模板渲染时，name 极易因拼接错误、变量未定义或大小写不一致导致分组失效：
-
el.setAttribute('name', group + '_option')中group是undefined→name="undefined_option" -
name="{{ item.id }}_status"渲染后两行都变成name="1_status"→ 所有单选按钮变成同一组，互相取消 -
name="Color"和name="color"→ 浏览器视为两个独立组，可同时选中 - 用
label绑定时，for必须匹配id，和name无关；但 JS 查找选中项得用document.querySelector('input[name="xxx"]:checked')
真正难的不是写对 name，而是在多组件、动态列表、前后端命名约定不一致的场景下，保持它始终唯一且语义准确——一旦错位，数据就无声丢失，连报错都不会有。
