浏览器只提交有name属性的表单控件值，无name则完全不打包；同名控件按类型处理：radio单选、checkbox/multiple select多值、hidden与text同名时后者覆盖，submit按钮点击者生效；name命名需兼顾后端解析兼容性。
浏览器只打包有name属性的表单控件值
没写name的<input>、<select></select>、<textarea></textarea>，哪怕用户填了内容、设置了value、甚至加了id或class，提交时也完全不会出现在请求数据里——不是传空字符串，是压根不打包。
这是浏览器原生行为，不是框架或后端导致的。常见错误包括：
- 给隐藏域写
id="csrf_token"却漏掉name="csrf_token"，结果后端收不到 token - 动态生成的
<input type="checkbox">用 JS 插入 DOM，但忘记显式设置name - 把
name错打成nam或NAME（大小写敏感）
同名控件的提交行为由类型决定
name相同不是 bug，是设计机制，但不同控件对“同名”的处理逻辑差异极大：
-
<input type="radio" name="gender">：只提交被选中的那个value，哪怕页面上有 5 个同名 radio，最终请求里只有gender=male或gender=female -
<input type="checkbox" name="hobby">：勾选多个时，会重复发送同名参数，如hobby=reading&hobby=coding&hobby=cooking；全不勾选则该name彻底不出现在请求中 -
<select multiple name="tag"></select>：选中多个 option 时行为类似 checkbox，但需注意后端是否识别tag[]=a&tag[]=b这种带[]的命名 -
<input type="hidden" name="step">和<input type="text" name="step">同名：文本框的值会覆盖 hidden 的值，顺序靠后者胜出
按钮的name属性也会参与提交
<button type="submit"></button>和<input type="submit">的name和value都会作为键值对发给后端，比如：
<button type="submit" name="action" value="publish">发布</button> <button type="submit" name="action" value="draft">存草稿</button>
用户点“存草稿”时，请求体里会多一个action=draft。漏掉name，后端就收不到这个操作意图。
注意点：
-
type="button"完全不参与提交，不管有没有name - 多个同名 submit 按钮，浏览器只发被点击的那个，不会拼接
-
value=""会被提交为action=（等号后为空），不是忽略
name值的命名限制直接影响后端能否收到
浏览器允许name="user.name"或name="data[0][id]"，但后端解析器不一定认：
- PHP 默认支持
user[name]→$_POST['user']['name']，但某些配置下会静默丢弃带点号.的键名 - Express 默认不解析方括号嵌套，
user[age]会变成字符串键"user[age]"，不是嵌套对象 - 空格、中文、控制字符会导致 URL 编码异常或服务端拒绝解析
稳妥做法是只用小写字母、数字、下划线_、中划线-，如user_name、profile_image_url。复杂结构（如数组、嵌套）必须前后端约定一致，不能仅靠前端命名推断。
最容易被忽略的是：name 冲突不报错，但行为不可控；浏览器不校验，后端却严格按名取值——名字错了，字段就等于不存在。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
