9.1免费版代码表单反馈

1. 打开accessible-form示例，确认它生成本页学习计划，输入不发送、不保存。
2. 在源文件匹配nickname与minutes的label、帮助说明和错误id。
3. 昵称留空，将时长改为25分钟，点击“生成本地预览”并阅读摘要。
4. 通过摘要链接回到字段，改为昵称“练习生”和30分钟。
5. 选择练习主题后重新生成，核对文字预览与没有发送或保存的反馈。
6. 点击“清空并恢复默认”，确认昵称清空、默认时长30分钟、错误与预览状态恢复。

学习计划只在本页生成

这个表单包含学习昵称、练习主题和计划时长，按钮明确写成“生成本地预览”。昵称只用于页面内的计划文字，输入不发送、不写入本地存储。练习时用“练习生”等虚构昵称，不输入真实身份或联系方式；主题从HTML语义结构、CSS手机排版和JavaScript状态更新三个选项中选择。

标签、说明与错误对应同一字段

昵称输入的id是nickname，时长输入的id是minutes，对应label的for精确匹配。aria-describedby同时指向各字段的帮助说明和错误信息。脚本只在检查失败后设置aria-invalid，恢复时清理。name是表单字段名称，与id的页面关联用途不同；可见标签不能用输入框内的提示文字代替。

实际校验条件与原生属性

昵称先去掉首尾空白，再按2–20个字符检查；时长转成数值，需为10–120分钟之间的整数且是10的整数倍。源文件保留required、min、max、step等语义，生成按钮是type="button"，使用脚本显示自定义错误，并阻止默认表单提交。它没有将本页预览当成服务端验证。

错误摘要让读者回到具体字段

不合条件时，页面同时显示字段错误与错误摘要，将焦点移到摘要；摘要链接能回到对应输入框。错误示例可以用昵称留空、时长25分钟来观察两种问题。修正为“练习生”和30分钟后，预览只更新文字，状态明确说明没有发送或保存。用户输入通过textContent显示。

清空恢复与刷新边界

“清空并恢复默认”会清理错误、清空昵称并恢复默认主题与30分钟时长，预览回到尚未生成。刷新页面也不会恢复上次计划。若以后接入真实预约或保存服务，需要额外实现接收端、独立验证与结果处理；不能把本例点击后出现预览称为已发送成功。

相关字段比较

这些公开文档用于解释网页元素和 API，不代表本站已经执行外部产品实测，也不确认某个 9.1 产品的身份。

相关指南

相关网页能力

• 可访问表单：需要知道表单为什么能输入却不能真正提交。
• 状态反馈：需要让读者知道刚才的按钮产生了什么结果。

可运行的关联示例

这些原创练习，打开详情查看源文件与运行边界。