HTML5表单初始值能否调用？自定义重置函数问题求助

安全阿岳

2026-5-15

关于HTML5表单重置值的获取与自定义重置实现

核心问题解答

初始加载值是否可获取？
当然可以！HTML表单元素本身就内置了属性来存储初始状态：
- 文本类输入框（如input[type=text]、textarea）：defaultValue 属性，保存页面加载时的初始值
- 复选框/单选框：defaultChecked 属性，保存初始选中状态
- 下拉选择框：defaultSelected 属性（针对<option>元素）
能否调用这些值实现自定义重置？
完全不需要额外创建隐藏字段或者手动存客户端内存！直接利用这些内置属性就能实现自定义重置，这也是最简洁可靠的方案。

你的复选框重置问题分析

看了你的代码，问题出在操作复选框的方式上：现代浏览器中，复选框的选中状态是通过元素的checked**对象属性（property）**来控制的，而非HTML标签上的checked属性（attribute），直接用setAttribute/removeAttribute操作会出现不生效的情况。

修正后的自定义重置函数

function resetOptions(divName) {
  const inputs = document.getElementById(divName).getElementsByTagName('input');
  for (let i = 0; i < inputs.length; i++) {
    const input = inputs[i];
    if (input.type === 'checkbox') {
      // 直接操作checked属性，匹配defaultChecked的初始状态
      input.checked = input.defaultChecked;
    } else {
      input.value = input.defaultValue;
    }
  }
}