前端与界面
学习这个概念 Input 输入框
接收一行短文本、数字或密码的表单控件。
这里让用户输入项目名称，并保留刚才输入的值。
GOAL-BASED PATH
做好表单和交互反馈
让输入、选择、校验、提交和结果反馈形成完整链路。
11 个步骤初学者友好完成后可验收
前端与界面
学习这个概念 Label 表单标签
说明一个输入控件在收集什么以及是否必填。
不要只用占位文字，字段上方要有固定名称。
前端与界面
学习这个概念 Checkbox 复选框
允许用户独立选择零个、一个或多个选项。
这些通知方式可以多选，默认只勾选站内消息。
前端与界面
学习这个概念 Radio 单选框
从一组互斥选项中选择且只选择一个。
部署环境只能选测试、预发布或生产其中一个。
前端与界面
学习这个概念 Select 下拉选择
从预设列表中选择一个或多个值。
项目很多，先点开下拉框再选择对应项目。
前端与界面
学习这个概念 Upload 文件上传
把本地文件传到服务器或对象存储。
支持拖拽上传 PDF，并显示进度、大小和失败原因。
前端与界面
学习这个概念 表单验证
在提交前后检查输入是否完整、格式是否正确、业务规则是否满足。
手机号格式不对时就在字段旁边说清楚
前端与界面
学习这个概念 事件
用户或浏览器发生某个动作时发出的可监听信号。
点击按钮、输入内容或提交表单时执行动作
设计与体验
学习这个概念 Disabled 禁用状态
表示当前控件不可操作，并说明需要满足什么条件。
没有选择文件时导入按钮禁用，同时提示先选择文件。
前端与界面
学习这个概念 Toast 轻提示
短暂显示操作结果，不要求用户立即回应。
保存成功后右上角提示两秒，不挡住当前操作。
质量、安全与性能
学习这个概念 Accessibility Testing 无障碍测试
用自动检查与键盘、读屏人工验证界面是否可被不同用户使用。
不使用鼠标完成菜单、表单和弹窗操作，并检查焦点顺序。
DONE WHEN
完成标准
能验收一个键盘可用、错误清楚、不会重复提交的表单。