首页> 智搜资讯>设计规范了Web端设计组件的文本和选择器

设计规范了Web端设计组件的文本和选择器

发布时:2019-12-08     来源: 智搜云

设计规范了Web端设计组件的文本和选择器

根据组件的使用,可分为六类。 Feedback反馈Form表单Basic基础Data数据Nigation导航

本文主要介绍了表格中的文本和选择器。 其中,文本分为Input短文本联想和InputMultiline长文本。

短文件组件的显示形式可分为三类。 类是标题和输入框的安排;第二类是标题和输入框的安排;第三类不需要标题安排。

普通表的单类排版是左右排版,表单与左对齐输入框相对较多。 有时标题的名称太长,无法在此时使用上下布置。

用户需要输入文本。 提供联想匹配文本以降低用户的输入成本。 在输入过程中,根据用户输入的内容提交的数据是文本而不是列表。

与Input短文本组件相比,InputAutocomplete短文本中的区别是增加了联想匹配选项。 并提交文本而不是列表。

当标题和输入框安排在左右时,InputAutocomplete短文本联想组件的状态如下:初始激活状态报告错误状态完成和禁止状态。

在标题和输入框的左侧和右侧布置时,InputMultiline文本的状态是:初始状态激活状态报告错误状态完成和禁止状态。 在输入过程中,通常存在不允许用户输入的字数超过限制字数的字数。

当选项少于5项/少于5项/少于5项/何时,弹出向下选项以供用户选择。

例如,淘宝卖家在后台筛选订单时,点击选项器显示下拉列表。 这是一个普通的选择器,分为两类:多选项和单选项。

下图显示了当输入框处于激活状态时可以搜索的选项器。 在输入过程中,匹配列举项目点击列举项中输入的关键字清空并拔出选项以关闭。 在输入框中有一个选项。

在选择器的多组件中需要注意的一点是,用户在输入关键字中选择相应的下拉选项,并且输入的字符串被清除并且该选项被清除。同时。

免责声明:文章《设计规范了Web端设计组件的文本和选择器》来至网络,文章表达观点不代表本站观点,文章版权属于原作者所有,若有侵权,请联系本站站长处理!


Tag: 设计 规范 设计组 组件 文本 选择器


  • 波浪
  • 波浪