第 22 课2026.09.30
有效提交并追加记录后清空输入，准备下一次录入。
第 22 课：追加记录后重置表单
- 日期：2026-09-30
- 课程序号：第 22 课
- 知识点：
HTMLFormElement.reset()
用途或适用场景
有效提交并追加记录后清空输入，准备下一次录入。
核心概念
先读取并追加当前值，再调用 reset() 恢复表单默认值；无效提交仍保留输入。
最小代码或操作示例
js
const li = document.createElement('li');
li.textContent = `${minutes.value} 分钟`;
records.append(li);
form.reset();3～5 分钟练习
提交 5 分钟后再查看输入框和记录列表。
参考答案
列表保留“5 分钟”，输入框恢复默认空值。
与上一课的联系
第 21 课已在有效提交后追加记录；本课只新增 reset()；下一课可把焦点移回首个输入框。
时效校验
时效校验：2026-09-30（WHATWG HTML Living Standard；reset() 为当前表单 API，未见废弃标记。）