name属性是表单数据提交的唯一标识，缺它则控件值不被浏览器打包发送；value决定提交内容，但文本框动态更新，单选/下拉等控件的value是预设标识符。
HTML表单控件本身不传输数据，也不自动触发交互；它们只是用户输入的「容器」和「通道」，真正起作用的是 name 属性 + 表单提交机制 + 服务端解析逻辑。
为什么 input 没有 name 就传不到后端
浏览器在提交表单时，只收集所有带 name 属性且非禁用（disabled）的控件值，按 name=value 格式拼成键值对。没有 name 的 input，哪怕有 value、用户填了内容，也会被完全忽略。
-
name是服务端接收字段的唯一标识，不是显示用的标签，也不是 class 或 id - 同名的多个控件（如一组
type="checkbox"）会以数组形式提交，但前提是都带相同name -
id只用于 DOM 定位或label[for]关联，不影响数据提交
type 属性决定控件行为，不只是样式
type 不仅影响输入框外观，更直接约束用户输入范围、触发生效验证、甚至改变提交时的编码方式。
-
type="email"和type="url"在现代浏览器中自带基础格式校验，提交前会拦截明显非法值 -
type="number"限制键盘输入（移动端弹出数字键盘），但注意：它的值仍是字符串，且允许空值或""，不能替代后端校验 -
type="file"提交的是二进制文件对象，必须搭配enctype="multipart/form-data"，否则文件内容不会上传 -
type="hidden"不显示，但只要带name，就会参与提交——常用于传 token、来源页 ID 等上下文信息
label 标签不是装饰，它影响可访问性与点击体验
没包住 input 的 label，或者没配对 for 和 id，会导致两个实际问题：屏幕阅读器无法朗读控件用途；移动端小触控区域难点击。
- 推荐写法是显式关联：
<label for="age">年龄</label><input type="number" id="age" name="age"> - 嵌套写法（
<label>年龄<input ...></label>）虽简洁，但无法给label单独加样式，也不方便做动态替换文本 - 没有
label的控件，在 WCAG 2.1 中属于 A 级可访问性失败项，部分政企项目会因此被拒
最容易被忽略的一点：表单控件的「有效性状态」（validity）是独立于视觉表现的。比如一个 required 的 input，即使用户没输，element.checkValidity() 返回 false，但若没监听 submit 事件或没调用 reportValidity()，用户可能根本不知道哪错了。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
