最简实现是为input设id，按钮onclick中用document.getelementbyid().value="值"赋值；需配合focus()和setselectionrange()将光标移至末尾，避免覆盖输入，且须操作value property而非attribute。
点击按钮后往 <input> 里填内容，最简实现怎么写
直接用 onclick 绑定 value 赋值就行，不用引入框架或监听事件。关键不是“怎么触发”，而是“填到哪个输入框”——必须有明确的定位方式。
- 给
<input>加id="testInput"（推荐），或用name、class配合document.querySelector() - 按钮的
onclick里调用document.getElementById("testInput").value = "测试数据" - 别写成
innerHTML或textContent——对<input>无效
value 赋值后光标没在末尾？用户还得手动删或重输
默认赋值后光标停在开头，体验差。得主动把光标移到末尾，否则用户输入新内容时会插在前面。
- 赋值后立刻调用
inputElement.focus()和inputElement.setSelectionRange(inputElement.value.length, inputElement.value.length) - 注意：
setSelectionRange在type="number"输入框上可能失效，改用type="text"更稳妥 - 如果输入框被禁用（
disabled），focus()无效，得先removeAttribute("disabled")
多个输入框要批量填，默认数据从哪来
硬编码每个 value 不现实。把默认值存在对象里，用 name 或 data-key 做映射更可控。
- 给每个
<input>加data-key="username"，再定义const defaults = { username: "testuser", email: "test@example.com" } - 按钮点击时遍历所有带
data-key的输入框：document.querySelectorAll('input[data-key]').forEach(el => { el.value = defaults[el.dataset.key] || "" }) - 避免用
id动态拼接（比如"input-" + i），容易漏写或错位
填完数据后想清空，但 value = "" 不生效？
常见原因是用了 value 属性（attribute）而非 property。HTML 中写的 value="初始值" 是初始属性，JS 修改的是 DOM property，清空时也得操作 property。
- 正确写法是
el.value = ""（property），不是el.setAttribute("value", "")（attribute） - 如果输入框绑定了 Vue/React 的双向绑定，直接改
value可能被框架覆盖，得触发input事件：el.value = ""; el.dispatchEvent(new Event("input", { bubbles: true })) - 表单重置（
form.reset()）会恢复初始value属性值，不是 JS 当前设的值
value，不派发事件，数据层根本不知道变了。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
