form.reset() 仅恢复 HTML 初始属性值，不感知 JS 运行时修改；需用 defaultValue/defaultChecked 等属性保存初始态，框架中须同步更新数据状态，日期等控件需手动赋值。
form.reset() 为什么对 JS 动态设置的值无效
因为 form.reset() 只读取 HTML 加载时的属性快照（value、checked、selected），不感知运行时 JS 对 element.value 或 element.checked 的修改。你用 JS 写了 input.value = "用户输入"，它不会被记入“初始状态”，重置就直接忽略。
常见现象：<input type="text" value="默认值"> → 用户改写 → 你再用 JS 改成 "已保存" → 点重置按钮，结果变空，不是回到“默认值”。这不是 bug，是规范行为。
- 想让它重置回“默认值”，得把值写进
defaultValue属性（文本类）、defaultChecked（checkbox/radio）、defaultSelected（option） - 若初始值来自
localStorage或接口，必须在页面加载后手动赋值到这些 default\* 属性，而不是只设value -
form.reset()不会触发input或change事件，监听验证状态的逻辑需额外处理
date/time/number 类型控件重置后为空，怎么回到指定值
<input type="date" value="2024-01-01"> 点重置后显示空白——这是 HTML5 规范明确规定的：reset 会清空控件值，不保留 value 属性内容。哪怕写了属性，也只用于初始渲染，不参与 reset 回滚。
- 不能依赖原生 reset 恢复日期，必须用 JS 手动赋值：
input.value = "2024-01-01" - 避免用
input.valueAsDate，部分浏览器对空值返回null，读写字符串更稳定 - 多个日期控件建议封装统一函数，比如
restoreDefaults()，内部按类型分支处理，别散落在各处
Vue/React 里 v-model 或受控组件重置失败
框架接管了表单状态，form.reset() 只改 DOM，不更新组件内部的 data 或 state，视图和数据立刻脱节。你看到 input 清空了，但组件 state 还是旧值，下次提交就出错。
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
立即学习“前端免费学习笔记（深入）”；
- 纯 Vue：调用
this.$nextTick(() => this.$refs.form.reset())没用，得同步重置 data，例如this.formData = { ...this.initialData } - React（受控）：必须重置 state，不能只操作 DOM；可配合
useRef拿到 form 元素，但 reset 后要立即setState(initialState) - Ant Design 等 UI 库提供
form.resetFields()，它同时清空 DOM 和内部字段状态，优先用这个
手动清空比 reset() 更可靠，但要注意类型差异
真要“全部清空”，别指望 type="reset" 或 form.reset()，老老实实遍历字段、分类型赋值。漏掉一种类型，就会有字段残留。
-
<input type="text|email|number|search">：设el.value = "" -
<textarea></textarea>：同样设el.value = ""（不是textContent） -
<select></select>单选：设el.selectedIndex = -1或el.value = ""；多选：遍历el.options，逐个设option.selected = false -
<input type="checkbox|radio">：设el.checked = false（注意：只影响当前元素，不批量） -
<input type="file">：el.value = ""在多数浏览器无效，得用el.outerHTML = el.outerHTML或新建 clone 替换
最易被忽略的是 disabled 或 readonly 字段——它们会被 reset() 修改，但用户看不到变化，误以为“没清空”；手动清空时得自己跳过或显式处理。
