互联网B端UI界面交互基础组件——输入框( 二 ) |输入框|组件|

3）点击下拉选择项时，文本框需显示对应选择项数据，并隐藏下拉菜单：

本文插图
4）已禁用选择项不允许选中。
5）已选中选择项，因外部原因导致该选择项不可用，则自动将对应选择项状态清除，并将选择文本框中内容置换为未选择任何数据。
6）当点击下拉菜单数据更新按钮，数据获取过程中，更新按钮变更为“刷新中”状态图标，不支持点击：

本文插图
7）当数据更新出现异常时， “刷新中”变更为异常状态图标，数据获取异常时，不更新下拉选择菜单数据：
8）支持点击异常状态图标，再次刷新数据：

本文插图
9）当数据成功更新后，自动刷新下拉选择项列表，如更新的数据中无当前已选择的数据，则将选择文本框中内容置换为未选择任何数据的状态：
更新数据中有当前已选择数据：
更新数据中无当前已选择数据：
四、总结
关于B端基础交互组件“输入框（下）”的相关分享就到这里，下一章我们介绍“翻页控制”包括常规翻页、简单翻页、极简翻页的相关交互规范。
题图来自 unsplash ，基于 CC0 协议
【互联网B端UI界面交互基础组件——输入框】