表单重置只认HTML初始值：input/textarea/select/checkbox等元素的默认值必须写在HTML属性或标签体内，JS动态赋值不影响重置行为；需自定义重置逻辑时应手动维护初始值快照并遍历恢复。
表单元素的默认值不能靠 JavaScript 赋值后就“算数”——浏览器重置（type="reset"）只认 value 属性初始值或 textarea 标签体内容，动态改 value 属性不改变重置行为。
修改 input 默认值必须写死在 HTML 属性里
用户填完表单又点重置，结果回到的是你写在 value 属性里的那个值，不是 JS 改过的。哪怕你用 el.value = "new" 改了，重置按钮仍会清回原始 value="old"。
- ✅ 正确做法：把默认值写进 HTML 的
value属性（<input type="text" name="email" value="user@example.com">） - ❌ 错误做法：只靠 JS 初始化，比如
document.querySelector('input[name="email"]').value = "user@example.com"—— 这不会影响重置逻辑 - ⚠️ 特殊情况：
type="checkbox"或type="radio"用checked属性控制默认选中，JS 改checked = true也不影响重置，只有 HTML 里带checked才算“初始状态”
textarea 的默认值不能用 value，得写在标签中间
textarea 是双标签，不支持 value 属性。写 value="xxx" 完全无效，浏览器会忽略。
- ✅ 正确写法：
<textarea name="bio">请输入个人简介</textarea> - ❌ 错误写法：
<textarea name="bio" value="请输入个人简介"></textarea>—— 值不会显示 - ⚠️ 注意：如果 JS 动态设置
textarea.value，重置后仍会回到标签体内的初始文本，不是 JS 设置的值
select 下拉框默认选中靠 selected 属性，不是 JS 操作
下拉框没有统一的“默认值”属性，每个 <option> 需单独标 selected。JS 设置 selectedIndex 或 value 不会改变重置行为。
立即学习“前端免费学习笔记（深入）”；
- ✅ 正确写法：
<select name="city"><option value="sh">上海</option><option value="bj" selected>北京</option></select> - ❌ 错误写法：
document.querySelector('select').value = "bj"—— 重置后不会回到“北京” - ⚠️ 多选
<select multiple>同理，多个<option selected>才算多默认选中
想让 JS 初始化“看起来像默认值”，又不影响重置？得绕开原生 reset
原生 type="reset" 按钮不可定制，它只认 HTML 初始状态。真要 JS 控制默认值 + 可控重置，只能自己实现：
- ✅ 替代方案：用
<button type="button">绑定点击事件，手动恢复你 JS 里维护的“初始值快照” - ✅ 示例：
const initValues = { email: 'user@example.com', bio: '请输入...' };，重置时遍历赋值，不依赖 HTML 属性 - ⚠️ 关键点：一旦你放弃原生
reset，就要自己管理所有字段的初始状态，包括checked、selected、value、textarea.textContent等不同写法
最容易被忽略的是：不同表单元素“默认值”的存储位置完全不同——input 靠 value 属性，textarea 靠标签内容，select 靠 option[selected]，checkbox/radio 靠 checked 属性。混用 JS 赋值和 HTML 属性，重置时就会出人意料地“回滚到旧世界”。
