value属性非通用，仅适用于input、textarea、option等表单元素：input的value设初始值但不随用户输入更新；textarea不支持value属性，初始值写标签内；option的value定义提交值而非显示文字。
value 属性不是 HTML 的通用属性，它只对特定表单元素有意义——主要是 <input>、<textarea></textarea> 和 <option></option>。它的作用取决于元素类型，不能一概而论。
input 元素的 value：初始值与受控行为的关键
对 <input type="text">、<input type="number"> 等可编辑输入框，value 属性设定的是**初始值**（即页面加载时显示的内容）。但一旦用户手动输入，DOM 中的 value 属性不会自动更新——它仍保持原始 HTML 值；真正反映当前内容的是 JavaScript 中的 element.value 属性（这是 DOM 属性，和 HTML 属性同名但不同概念）。
常见错误现象：
– 用 getAttribute('value') 读取用户输入后的内容 → 总是返回初始值，不是当前值
– 在 React/Vue 等框架中仅靠设置 value 属性却不绑定更新逻辑 → 输入框变成只读（受控组件未配 onChange）
实操建议：
- 初始化用
value="xxx"（HTML 属性），如<input value="default"> - 运行时读写用 JavaScript 的
element.value（DOM 属性），不是getAttribute - 若需动态控制输入内容（如实时过滤），必须同时设置
value属性 + 监听input事件并更新该属性
textarea 的 value：不走属性，走标签体
<textarea></textarea> 不支持 value 这个 HTML 属性。它的初始值必须写在开始与结束标签之间：<textarea>initial content</textarea>。设置 value="xxx" 属性会被浏览器忽略，也不触发任何行为。
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
JavaScript 中依然可用 element.value 读写当前内容，但注意：
– 初始内容来自标签内文本，而非 value 属性
– 设置 element.value = 'new' 会覆盖标签内文本，但不会修改 HTML 源码中的文本节点
option 元素的 value：提交时发送的值，不是显示文字
在 <select></select> 下的 <option></option> 中，value 属性定义的是表单提交或 JS 获取时的值。如果没写 value，浏览器会回退到标签内的文本内容作为值。
例如：<option value="us">United States</option> → 提交时发 us，界面上显示 United States<option>Canada</option> → 提交时发 Canada
容易踩的坑：
- 误以为
value控制下拉框显示文字 → 实际显示文字是标签体内容 - 服务端接收不到预期值，结果发现前端写了
value但拼错（如valule），属性根本没生效 - 用
innerHTML替换<option></option>内容时，忘了同步维护value属性，导致提交值错乱
最常被忽略的一点：HTML value 属性和 DOM value 属性是两个东西，一个静态、一个动态；混淆它们是表单交互出 bug 的高频原因。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
