Web前端技术 · 第4课1 / 21 | 编码:L04-01
使用HTML创建表单

从活动信息页,到一张可用的报名表

黄梅戏体验活动已发布:如何让报名信息准确、完整地进入系统?

报名者要完成什么?

填写昵称与通知邮箱,选择一个场次,可勾选多个体验项目,留下选填备注。

组织者需要什么?

区分字段含义,接收可识别的场次和项目编码;不把“填完了”误认为“报名成功”。

本课要解决什么?

设计控件、关联名称、推测提交数据、解释校验边界,并用少量CSS改善阅读。

所有示例均为教学模拟。请使用虚构昵称和 example.com 示例邮箱,不填写真实个人信息。

先看完整报名表(新标签页):先观察字段与操作,后面逐步解释实现。