name属性是表单数据提交的唯一标识，缺它则控件值不被浏览器发送；id、class等属性不影响提交。
name 属性必须显式设置才能提交数据
浏览器只把带有 name 属性的表单控件值发给服务器，id 或 class 不起作用。没写 name 的 <input>、<select></select>、<textarea></textarea> 在 POST/GET 中完全不会出现。
实操建议：
-
name值应为合法标识符（字母/下划线开头，不含空格或特殊符号），例如user_email可以，user email会导致字段被截断 - 单选按钮（
<input type="radio">）必须同组用相同name，否则无法互斥选择 - 复选框（
<input type="checkbox">）若需提交多个值，name后可加[]（如hobbies[]），PHP/Node.js 等后端才容易解析为数组
button 和 submit 按钮的 name 会影响提交行为
多数人忽略：带 name 的 <button type="submit"></button> 会把 name=value 作为额外字段发出去；而 <input type="submit"> 默认不发任何值，除非你手动加 name 和 value。
常见错误现象：
- 点击
<button name="action" value="delete">删</button>，后端收到action=delete；但若只写<button>删</button>，这个按钮点击不会贡献任何字段 - 同一表单多个 submit 按钮时，只有被点击的那个的
name和value会提交，这是区分操作意图的常用方式
name 值重复或缺失导致后端取不到数据
后端框架（如 Express、Django、Spring）依赖 name 作为键名解析请求体。如果前端写了 name="phone"，后端却按 telephone 去取，必然为空。
排查建议：
- 用浏览器开发者工具的 Network → Form Data 标签页，确认提交的字段名是否和代码一致
- 避免用动态生成的
name（如模板里拼接变量）却不校验最终输出，比如name="{{ field.name }}"渲染为空字符串会导致字段丢失 - 禁用 JS 时，纯 HTML 表单提交完全依赖
name，不要假设 JS 会补全它
fieldset 和 form 元素没有 name 属性
<fieldset></fieldset> 和 <form></form> 标签不支持 name 属性，设了也无效。有人误以为给 <form name="login"></form> 能在 JS 中通过 document.login 访问，这属于过时的命名表单访问方式，现代代码应使用 document.querySelector('form[name="login"]') 或 ID 定位。
真正需要 name 的只有可交互控件：<input>、<select></select>、<textarea></textarea>、<button></button>（type=submit/reset）、<object></object>（极少用）。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
