name属性是表单数据提交至后端的必要条件，缺省、为空、含非法字符（如点号、空格）或大小写/不可见字符不一致均导致后端无法接收；radio/checkbox需严格同名才能分组；同名控件提交行为依类型而异；name与id功能分离，不可混用。
name 属性不是可选项，而是表单数据能抵达后端的“通行证”——没它，值就发不出去。
为什么提交后端收不到 input 的值？
最常见原因：漏写 name，或写了但值为空、含非法字符。
-
<input type="text" id="username">→ 没name，提交时完全不携带该字段 -
<input type="text" name="">或<input type="text" name=" ">→ 浏览器可能忽略，后端收不到 -
<input type="text" name="user.name">→ 点号在 PHP、某些 Go 解析器中会被截断或丢弃 -
<input type="text" name="user name">→ 空格导致部分框架解析失败，建议改用user_name
radio 和 checkbox 的 name 必须严格一致
浏览器靠字符串完全匹配来分组，大小写、空格、不可见字符（如 \u200b）都会破坏互斥逻辑。
-
<input type="radio" name="color" value="red">和<input type="radio" name="Color" value="blue">→ 两组，可同时选中 - 动态渲染时易出错：
name="{{ item.id }}_theme"若item.id渲染为空，结果是name="_theme"，所有项都归入同一组 - JavaScript 动态插入时，
el.name = data.groupName || ""若groupName为undefined，赋值后实际是name="undefined"，不是空，但也不符合预期
同名控件提交行为差异极大
后端收到的数据结构取决于控件类型，不是“同名就合并”，而是按规则各自处理。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
立即学习“前端免费学习笔记（深入）”；
-
<input type="radio" name="status" value="active">+<input type="radio" name="status" value="inactive">→ 提交一个键值对，如status=active -
<input type="checkbox" name="feature" value="a">+<input type="checkbox" name="feature" value="b">→ 勾选两个时，提交feature=a&feature=b；全不勾，该 key 完全不出现 -
<select multiple name="tag"><option value="x"></option></select>→ 提交多个同名参数，但需后端识别重复 key（如 Express 默认只取最后一个，要用querystring.parse(str, { maxKeys: 0 })或中间件支持数组） -
<input type="hidden" name="id" value="123"><input type="text" name="id" value="456">→ 后者覆盖前者，最终提交id=456（顺序决定优先级）
name 和 id 完全无关，别混着用
name 是提交协议层的事，id 是 DOM 层的事——两者功能隔离，强行统一反而埋坑。
-
<label for="username">用户名</label><input id="username" name="user_name">→ 正确：label 绑定靠id，提交靠name -
document.querySelector('input[name="user_name"]:checked')→ JS 查状态必须用name定位组，不是id - 后端接收时只认
name，根本看不到id；前端用id写样式或事件委托，不影响提交逻辑 - 多人协作时，若约定
id和name相同，一旦某处改了id（比如加前缀防冲突），name却没同步，就会出现 label 点击失效、JS 找不到组、后端收不到值三连问题
真正容易被忽略的是：当页面存在多组相同语义的控件（如商品列表每行都有“规格选择”），name 必须带唯一上下文（如 sku_123_size），否则所有行共用一个 name，点第一行会取消最后一行的选中——这不是 bug，是 name 的设计使然。
