《制作支持键盘操作的报名表单》是一门前端实践项目课程，适合掌握 HTML 表单、CSS 和 JavaScript 基础的学习者。你将为一家小型手作工作室制作报名页面，让访客可以选择活动场次、使用键盘完成表单，并获得真实服务器返回的报名确认。
引导实验先使用键盘体验可用示例，再逐步完成表单布局、状态反馈和异步提交。独立挑战将相同技术应用到不同场次和字段关系。每个实验都有独立准备的文件和数据。
你将学到什么
完成本课程后，你将能够：
- 关联可见标签、填写说明、输入约束和错误信息，让访客知道应填写什么以及如何纠正问题；
- 构建阅读顺序清楚、键盘焦点可见的响应式表单，不只依赖颜色传达反馈；
- 使用
fetch和async/await提交数据，清楚显示等待状态，并在等待期间避免重复触发提交； - 仅在报名被接受后显示服务器签发的确认编号，并区分字段拒绝、场次满额和暂时服务失败；
- 在提交被拒绝或失败时保留已填信息，从已教授的暂时失败中恢复，并保留已有报名记录。
本课程适合谁
本课程适合准备将单项 Web 练习组合成完整活动报名体验的学习者。
前置要求： 具备 HTML 表单和 CSS 布局基础，熟悉 JavaScript 对象、函数和事件。还应了解基本的 DOM 元素选择。你应能打开和保存项目文件。引导实验会在挑战前讲解所需的表单语义、校验、异步代码、HTTP 响应和状态处理。不需要 React 知识。
学习环境： LabEx 提供预配置的浏览器编程环境、网页预览，以及可用的本地 API 和数据库。练习中的身份和联系方式均为合成数据。你将编辑前端；网站标签和运行输出保留英文。
常见问题
我需要编写代码吗？
需要。你将在准备好的项目中完成 HTML、CSS 和 JavaScript，然后通过真实浏览器交互使用表单，包括键盘输入、提交、被拒绝以及恢复操作。
我会制作后端或实现后端安全控制吗？
不会。课程已提供 API 和数据库。你需要让前端准确反映服务器实际接受的结果。浏览器校验和禁用提交按钮并不等于实现后端安全，也不能保证生产环境中的并发安全。
完成课程就能取得无障碍认证吗？
不能。你将练习具体的标签、键盘、焦点和反馈行为。完整的无障碍评估涉及本课程练习之外的更多内容。
