name属性是表单数据提交的唯一键名，未设置name的表单控件不会被浏览器包含在请求体中；同名控件按type规则提交（radio单值、checkbox多值、select multiple需name[]）、button的name/value也参与提交；name与id功能分离，动态生成表单时必须显式设置name。
name属性是表单数据提交的唯一键名
没写name的<input>、<select></select>、<textarea></textarea>或<button type="submit"></button>，浏览器压根不会把它塞进请求体——哪怕用户填了、JS能取到、CSS能选中，后端照样收不到。
常见错误现象：
- PHP中
$_POST为空，但表单看着都填了 → 检查每个控件是否漏了name - Django里
form.is_valid()始终False，报“字段缺失” → HTML里的name和forms.py字段名必须完全一致（大小写、下划线都不能错） - 用
document.querySelector('input')拿到元素，控制台打印.value也有值 → 但FormData构造时没它，提交数据里就是没有这一项
同名控件靠type决定提交逻辑
name相同不是bug，是设计机制；但不同控件对同名的处理天差地别，直接影响你后端拿到什么数据：
-
<input type="radio" name="gender">：只提交被选中的那个value，哪怕写了5个，最终请求里只有gender=male或gender=female -
<input type="checkbox" name="hobby">：勾几个就发几个，全不勾则整个hobby键都不出现 -
<select multiple name="tag"></select>：默认发成tag=web&tag=js，想让后端当数组收，得配合name="tag[]"（但Express等框架默认不解析[]，Laravel/Rails才原生支持） -
<input type="hidden" name="id">和<input type="text" name="id">同名？后者值会覆盖前者，顺序靠后优先
name和id完全无关，混用必踩坑
id管DOM定位（document.getElementById()、<label for="xxx"></label>）、name管数据提交，两者功能不重叠、不替代、不继承。
容易踩的坑：
- 写了
id="email"却忘了name="email"→ 前端验证通过，后端request.POST.get("email")返回None - JS动态生成表单：
el.id = "user_name"但没写el.name = "user_name"→ 元素在页面上，提交时直接蒸发 - 误用
name="user.name"或name="user name"→ PHP可能静默丢弃，Go解析库报错，Django绑定失败 - 推荐命名：
user_name、profileImage、is_active；避免点号、空格、方括号（除非明确后端支持嵌套语法）
button的name和value也参与提交
<button type="submit" name="action" value="save">保存</button>和<button type="submit" name="action" value="preview">预览</button>一起放，提交时会多带一个action=save或action=preview，后端可据此区分操作意图。
注意点：
- 多个提交按钮共享
name，靠value区分行为，比监听click再手动拼参数更可靠 - 如果按钮没写
name，它的value就不会出现在请求里 —— 即使点了它触发提交 - 某些老框架（如ASP.NET Web Forms）对
button提交的支持有差异，建议在关键路径上用input[type="submit"]兜底
最常被忽略的复杂点：动态表单（比如Vue/React渲染、AJAX追加字段）中，开发者习惯设id或data-id，但极易忘记显式赋name。只要没这行el.name = "xxx"，前端再漂亮，后端永远收不到那一项。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
