表单控件必须设置name属性才能提交value值；value含义因控件类型而异：文本框为当前输入值，单复选框为提交标识符，select需设option的value，按钮value参与提交；动态设置需注意时机与方式，避免与框架受控逻辑冲突。
没加 name 的控件，无论 value 设成啥，后端都收不到——这是最常被忽略的前提。
为什么表单提交时某些字段总“消失”
浏览器只打包带 name 属性的控件生成键值对；value 再正确，缺 name 就等于没这个字段。
-
<input type="text" value="abc">→ 完全不提交 -
<input type="text" name="q" value="abc">→ 提交q=abc - 单选组用不同
name（如name="a"和name="b"）→ 失去互斥逻辑，用户能同时选多个 -
<input type="hidden" value="token123">漏掉name→ 后端拿不到预设参数
value 在不同控件里到底代表什么
它不是统一的“用户看到的内容”，得按控件类型分开理解：
- 文本框（
type="text"、type="email"等）：value是初始显示值，也随用户输入实时更新，提交的就是当前值 - 单选/复选框（
type="radio"/type="checkbox"）：value是写死的提交标识符，用户看不到，只在选中时发出去（未选中则不提交该字段） - 下拉框（
<select></select>）：value不直接设在<select></select>上，而是在每个<option></option>里，选中哪个就发哪个option的value - 按钮（
type="submit"、type="button"）：value控制按钮文字，且会参与提交（如<button name="action" value="save"></button>→ 提交action=save）
用 JavaScript 动态设置 value 的坑点
DOM 操作看似简单，但时机和方式错一点，值就设不进去或不生效：
- 必须等 DOM 加载完成再操作，
document.getElementById("x").value = "y"放在里会报错 - 对
<select></select>不能只改value属性，得遍历options或设selectedIndex，否则界面不更新 - React/Vue 中混用原生
value属性 + 受控逻辑，会导致输入框变只读（例如写了value={xxx}却没配onChange） -
getAttribute('value')返回 HTML 初始值，element.value才是当前值——调试时别看反了
value="" 和 placeholder 的根本区别
很多人把提示语塞进 value，结果一加载就提交错误数据：
-
value="请输入邮箱"→ 页面一打开就提交email=请输入邮箱，后端收到脏数据 -
placeholder="请输入邮箱"→ 纯前端提示，不参与提交，用户不输内容就发空字符串 - 密码框（
type="password"）避免设value，尤其不能设敏感默认值，有安全风险 - 重置按钮（
type="reset"）清空的是value初始值，不是空字符串——如果初始value="test"，点重置就变回 "test"
真正难的不是怎么写 value，而是始终分清：这个 value 是给用户看的？给后端用的？还是仅用于 JS 交互？三者混用，八成翻车。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
