直接赋值 value 属性是最常用且最可靠的方式，如 document.getelementbyid("id").value = "新内容"；setattribute("value") 无效，因它只改 html attribute 而非 dom property。
input 标签本身是只读声明式结构，不能“修改内容”——真正能改值的只有 JavaScript 对其 value 属性的操作，或用户手动输入。所有所谓“修改”，本质都是对 DOM 元素状态的动态控制。
直接赋值 value 属性是最常用也最可靠的方式
只要拿到 input 元素引用，直接写入字符串即可生效，且会立即反映在界面上：
- 用
document.getElementById("id").value = "新内容"是最直白的做法 - 用
querySelector也行：document.querySelector('input[name="username"]').value = "admin" - 注意：如果该
input是readonly或disabled，JS 仍能改value，但用户无法手动编辑——这和是否可交互无关，value始终可被脚本控制 - 若元素尚未挂载到 DOM（比如在
DOMContentLoaded之前执行），会报Cannot set property 'value' of null，务必确保节点存在
别混淆 value 和 placeholder
placeholder 是提示文本，不是真实值；它不会随表单提交，也不影响 value 的读取结果：
- 设置
placeholder只影响视觉提示：el.placeholder = "请输入邮箱" - 哪怕
value为空，el.value读出来仍是空字符串""，不是 placeholder 文本 - 用户没输内容时，
el.value.length === 0恒成立，别用placeholder来判断是否已填写 - 某些老版本 iOS Safari 在软键盘弹出后可能临时清掉
placeholder显示，但这不影响value
用 setAttribute 改 value 通常无效
这是新手高频踩坑点：el.setAttribute("value", "xxx") 看似合理，但几乎从不更新输入框显示内容：
-
setAttribute修改的是 HTML 属性（attribute），而input的当前值存在 DOM 属性（property）value中 - 初始渲染时，HTML 的
value="abc"会同步到 DOM 的valueproperty；之后二者就脱钩了 - 后续调用
setAttribute("value", "def")只改 attribute，不改 property，界面不变，el.value读出来还是旧值 - 唯一例外：页面刚加载、还没任何用户交互时，
setAttribute可能“碰巧”生效，但这不可靠，必须避免
表单重置（reset()）会覆盖 JS 设置的 value
如果页面上有 <input type="reset"> 或显式调用了 form.reset()，所有 input 会回退到 HTML 中定义的初始 value（或空值）：
- 你用 JS 设置的
value会被一键清空，不管之前设得多认真 - 若需保留动态值，要么移除
type="reset"，要么监听reset事件并手动恢复：form.addEventListener("reset", e => { e.target.querySelector("[name=xxx]").value = lastSavedValue; }) - 注意：
reset()不触发input或change事件，所以依赖这些事件做校验的逻辑不会自动运行
真正关键的不是“怎么写代码”，而是分清 HTML attribute、DOM property、用户输入行为三者的边界——value 的归属权始终在 JS 的 property 手里，其他方式都是旁门左道。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
