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

一张表单,四层检查

从“有输入框”走向“字段明确、规则清楚、操作可用”。

1. 控件与名称

控件类型是否符合数据含义?label 是否与控件正确关联,让用户知道填什么?

2. 字段与提交

哪些 name=value 会提交?缺少 name、disabled、未选中的复选框不参与提交;readonly 字段仍可提交,同名多选可产生多个值。

3. 规则与校验

必填、格式和范围是否满足要求?格式通过不代表数据真实;浏览器检查不能替代服务器验证。

4. 操作与反馈

键盘和手机操作是否方便?错误是否说明如何修改?按需要提供提示,不泄露敏感信息,也不把格式通过误报为提交成功。

检查顺序:控件与名称 → 字段与提交 → 规则与校验 → 操作与反馈。下一课:Canvas画布。