value属性是HTML初始化时的初始值，仅在页面加载时生效；用户输入或JS赋值改变的是value property，不影响value attribute，reset()恢复的正是该attribute值。
value属性不是“当前输入内容”，而是HTML初始化时的初始值
它只在页面加载那一刻起作用，之后用户输入、JS赋值都不会改变这个HTML attribute本身。很多人误以为el.getAttribute('value')能读到用户刚打的字，结果返回的永远是原始默认值——因为那是attribute，不是DOM property。
-
value是 HTML 属性（attribute），写在标签里才生效：<input type="text" value="张三"> - 用户输入后，
el.value（JS property）会变，但el.getAttribute('value')仍返回"张三" - 没写
value属性时，浏览器默认取空字符串""，不是undefined，也不是placeholder里的文字 - 服务端模板渲染时若没转义变量（如Jinja2中
value="{{ user.name }}"），引号崩坏会导致HTML解析截断，value直接失效
不同type下value的作用完全不同，不能一概而论
同一个value属性，在type="text"和type="checkbox"里干的是两件事：前者管显示和提交内容，后者只管提交值，不控制是否勾选。
-
type="text"/type="password"/type="hidden"：定义初始显示值，也作为表单提交值 -
type="submit"/type="reset"/type="button"：只控制按钮上显示的文本，和数据无关 -
type="checkbox"/type="radio"：必须设value，它决定提交时的字段值；是否选中由checked属性控制，跟value无关 -
type="file"：不支持value属性，设了也会被忽略 -
type="image"：不能用value，点击后提交的是坐标x和y
reset() 恢复的是 value attribute，不是你后来写的 JS 值
点<input type="reset">或调用form.reset()，浏览器会把每个控件拉回最初HTML里写的value、checked、selected状态——不是你用el.value = "新内容"改过的值。
-
<input value="默认">→ JS执行el.value = "改过了"→ 点重置 → 输入框变空（因为原始value是"默认"，但没设checked或selected，所以恢复为空） -
<textarea>初始内容</textarea>：用defaultValue读取初始值，value属性无效 -
<select>要靠<option selected>，JS改selectedIndex后若没同步selected属性，reset()就失灵 -
checkbox/radio必须配defaultChecked（React）或checked（原生），否则reset()不会还原选中状态
框架里别混用 value 和 defaultValue
React/Vue/Angular 都有自己的表单管理逻辑，直接往value上写死值却不配更新机制，等于造了个只读框。
立即学习“前端免费学习笔记（深入）”；
- React受控组件：用
value+onChange，初始值来自useState，value属性始终反映state - React非受控组件：用
defaultValue设初始值，后续props变化不影响已渲染的输入框 - Vue：绑定
v-model到响应式变量，value属性由框架自动同步，手写value会覆盖绑定 - 别在React里写
<input value="xxx" defaultValue="yyy">——value优先级高，defaultValue被无视
checkbox和radio没设value就直接提交，或者以为placeholder能当默认值用。这些地方一错，后端收不到字段或收到空串，问题还难定位。 
