表单提交失败、后端收不到字段、$_post为空、form.is_valid()总返回false，八成是name和value没配对好；name是键，无name则字段不提交，value是值，checkbox/radio/option必须显式设置value否则提交不可控值。
表单提交失败、后端收不到字段、$_POST为空、form.is_valid()总返回False——八成是name和value没配对好，不是JS写错了，也不是后端逻辑有问题。
name 是键，没有 name 就没有键
浏览器只打包带name属性的可提交元素（<input>、<select></select>、<textarea></textarea>、<button type="submit"></button>），其他一概忽略。哪怕你写了id="username"、class="required"、甚至填了内容，只要没name，后端就收不到这个字段。
-
<input type="text" id="email">→ 提交时完全不出现，email字段消失 -
<input type="text" name="email">→ 提交为email=（空值） -
<input type="text" name="email" value="a@b.com">→ 提交为email=a%40b.com - 复选框、单选框漏掉
value：浏览器仍会提交，但值是空字符串或"on"（非预期行为）
value 是值，但不同控件含义不同
value不是“用户输入的内容”，而是“提交时作为值发送的内容”。它在不同控件中作用差异极大：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
-
<input type="text">：初始默认值；用户修改后，提交的是当前输入框内容（value被动态覆盖） -
<input type="checkbox">：必须显式设value，否则勾选时提交on；未勾选则整个字段不提交 -
<input type="radio">：必须设value，否则选中项提交on；同name下只传一个 -
<select multiple></select>：每个<option></option>必须有value，否则选中项提交空字符串 -
<button type="submit"></button>：value决定提交时附带的键值对（如submit=确认），不是按钮显示文字（那是textContent或innerHTML）
GET 和 POST 中 name/value 的位置完全不同
别以为只是传输方式不同——name和value在两种请求里落点完全不同，直接影响调试方式：
-
method="get"：拼在 URL 查询字符串里，形如?username=john&hobby=reading&hobby=coding；用浏览器地址栏就能肉眼验证是否发出 -
method="post"：塞进 HTTP 请求体，默认Content-Type: application/x-www-form-urlencoded，格式仍是username=john&hobby=reading&hobby=coding；必须用 DevTools 的 Network → Payload 查看 - 多选
<select multiple></select>或多个同名checkbox：无论 GET 还是 POST，都生成重复key=value对（如hobby=a&hobby=b），不是hobby[]=a&hobby[]=b——后者是 PHP/Laravel 等框架的解析约定，不是浏览器行为
同名控件的分组逻辑靠 name，不是 class 或 id
单选、复选、多选下拉的本质，是浏览器按name字符串完全匹配来分组。哪怕 DOM 顺序乱、样式不同、加了id或class，只要name相同，就归为一组：
-
<input type="radio" name="theme" value="dark">和<input type="radio" name="theme" value="light">→ 只能选一个，提交一个theme=xxx -
<input type="checkbox" name="tag" value="js">和<input type="checkbox" name="tag" value="css">→ 可多选，全不选则tag字段彻底不出现在请求里 - 常见翻车：给两个 checkbox 写了不同
name（如tag1和tag2），结果后端收到两个独立字段，而非一个数组 - 更隐蔽的问题：大小写敏感——
name="Email"和name="email"是两个键
最容易被忽略的其实是value的强制性：checkbox/radio/option 没设value，浏览器不会报错，但后端拿到的是不可控字符串；而name漏写，字段直接消失，连调试痕迹都没有。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
