调用表单元素的 reset() 方法可恢复所有子元素到初始值，但需确保有 name 属性且为表单子元素；若需彻底清空则须遍历手动设 value/checked；非标准控件需单独处理，框架中应优先通过数据状态重置。

直接调用表单元素的 reset() 方法是最简单、标准的方式，它会把所有表单控件恢复到初始值（即页面加载时的 value 或 placeholder 状态）。

使用原生 reset() 方法

这个方法会重置所有支持的表单元素（input、textarea、select、checkbox、radio 等），但前提是这些元素必须是该表单的子元素，且有 name 属性（对部分浏览器兼容性更稳）。

• 确保表单有 id 或能被唯一选中，例如：
• JavaScript 中执行：document.getElementById('myForm').reset();
• 注意：如果某些输入项的初始值不是空字符串（比如带默认 value 的 input），reset() 会回到那个默认值，而不是强制清为空

手动清空所有输入项（彻底归零）

当需要**无视初始值、一律设为空**（比如清除用户已填但未提交的内容），可遍历并手动赋值：

java-api-doc-generator

分析 Java Spring Boot 后端 Controller 代码，自动生成 Markdown 格式的接口文档。当用户说“生成 Java 接口文档”、“生成 API 文档”、“从 Spring 代码生成文档”时触发。

下载

• 获取表单内所有可编辑元素：form.querySelectorAll('input, textarea, select')
• 逐个设置：el.value = ''；对 checkbox / radio 还需加 el.checked = false
• 示例代码：

  const form = document.getElementById('myForm');
  form.querySelectorAll('input, textarea, select').forEach(el => {
    if (['checkbox', 'radio'].includes(el.type)) {
      el.checked = false;
    } else {
      el.value = '';
    }
  });

处理动态添加的字段或富文本编辑器

原生 reset() 对非标准表单控件（如 div[contenteditable]、第三方编辑器、自定义下拉等）无效：

• 需单独清理，例如：document.querySelector('.editor').innerHTML = ''
• 若用了 TinyMCE、Quill 等，调用其提供的 API，如 tinymce.get('myEditor').setContent('')
• 建议将这类清理逻辑封装成函数，和 reset() 一起调用

避免常见坑

几个容易出问题的细节：

• 不要只清 value 忽略 checked/selected：复选框、单选、下拉菜单需分别处理状态
• reset() 不会触发 input 或 change 事件，如依赖监听更新 UI，需手动派发事件
• 如果表单用了 Vue/React 等框架，DOM 操作可能被响应式系统覆盖，应优先通过数据状态重置（如 formData = {...initialData}）

Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南