渐进式编程课
HTML5 目录
第 21 课2026.09.29

校验通过后把本次练习追加到页面列表。

第 21 课:有效提交后追加练习记录

  • 日期:2026-09-29
  • 课程序号:第 21 课
  • 知识点:HTMLFormElement.requestSubmit 后更新列表

用途或适用场景

校验通过后把本次练习追加到页面列表。

核心概念

本课沿用上一课的示例与命名,只增加“HTMLFormElement.requestSubmit 后更新列表”这一项;先保留既有结果,再观察新增步骤带来的变化。

最小代码或操作示例

text
const li = document.createElement("li");
li.textContent = `${name.value}:${minutes.value} 分钟`;
records.append(li);

3~5 分钟练习

照着示例完成一次,再替换一个输入值或操作对象,确认新增步骤仍然只影响预期结果。

参考答案

能复用上一课产出完成示例,并得到与“校验通过后把本次练习追加到页面列表。”一致的结果;其余既有状态保持不变。

与上一课的联系

继承第 20 课“关联输入错误详情”的同一数据、对象与操作路径;本课只新增HTMLFormElement.requestSubmit 后更新列表;完成后下一课可在此结果上补充边界或发布前验证。

时效校验

时效校验:2026-09-29(已打开并核对官方当前文档;适用版本:WHATWG HTML Living Standard;未见本课用法的废弃标记)。

官方参考