不加name属性的input提交时不会发送任何数据，哪怕用户已填写；form必须设置action和method才可真正提交；label必须通过for与input的id正确绑定以保障可访问性。
不加 name 的 input 标签，提交时不会发任何数据——哪怕用户填了、选了、点了，后端也收不到。这是最常被忽略的硬性前提。
form 必须配 action 和 method 才算真正可提交
很多初学者只写 <form></form> 包住控件就以为能用了，结果点提交没反应，或刷新页面但数据没到后端。
-
action缺失时，表单默认提交到当前 URL（可能只是刷新页面） -
method="GET"会把所有字段拼进 URL，敏感信息（如密码）直接暴露，且长度受限；method="POST"才适合登录、注册等真实场景 - 如果用 AJAX 提交，
action和method仍建议写上，方便降级或调试
input 的 type 和 name 必须协同使用
type 决定控件行为，name 决定它在提交数据里叫什么——两者缺一不可。
-
type="radio"或type="checkbox"必须同组用相同name，否则无法形成逻辑分组（比如name="gender"下两个input才能互斥） -
type="file"若没name，FormData获取不到该字段，enctype="multipart/form-data"也白设 -
type="hidden"虽不显示，但必须有name和value，否则后端收不到隐藏参数
label 和 for 属性不配对，等于放弃可访问性和点击体验
光写 <label>用户名</label><input type="text"> 是无效的——屏幕阅读器读不到关联，鼠标点击文字也无法聚焦输入框。
-
for值必须严格等于对应input的id（不是name），大小写、空格、连字符都不能错 - 更稳妥的方式是把
input套进label里：<label>同意协议<input type="checkbox" name="agree"></label>，免去id管理 - 没有
label的input，在 WCAG 可访问性检测中直接失败
真正容易出问题的，不是不会写新功能，而是 name 拼错、id 和 for 对不上、method 忘设成 POST 却传密码——这些错误不报红，但数据就是丢得无声无息。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
