表单输入10 条
本章口诀 · 表单输入
标签+输入态 · focus+校验反馈
- 输入框聚焦高亮Input Focus State输入框点进去边框要亮起来，让人知道现在在输入
- 下拉选择器Select / Dropdown Selector一个框，点开能选一个选项，像省市区选择那样
- 开关切换Switch / Toggle一个能滑动的小开关，开是绿关是灰
- 复选框Checkbox几个小方框，能同时勾选多个
- 单选框Radio几个圆圈，只能选其中一个
- 浮动标签输入框Floating Label Input输入框没有固定标签，placeholder 一输入就消失，填完回头看不知道这格填的是什么
- 实时输入校验Inline Input Validation表单提交后才告诉用户哪填错了，白白浪费一次提交还得重填
- 密码可见切换Password Visibility Toggle输密码时完全看不见，容易输错还得重来，也没法核对
- 搜索框即时筛选Live Search Filter列表很长，用户想找一项得自己肉眼翻，或者等搜索结果页才出
- 多步表单向导Multi-step Form Wizard一大张表单几十个字段怼脸上，用户一看填写压力就放弃