1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 交互设计 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

这个交互描述怎么写:InputText 输入框--九分网络

时间:2020-06-17   分类:交互设计    作者:网络   来源:网络整理   点击:169

交互控件科普系列!Banner 的常见样式和设计注意事项总结

当你需要展示一段持续提示,却又不想打断用户操作。用 Dialog 弹窗会打断用户操作,Toast 又不够明显,Snackbar 会自动消失,那么不妨就来跟我一起认识下能满足该要求的 Banner 控件吧。

www.9fen.net

阅读文章 >>

copyright 9fen.net

本文来自九分网络

www.9fen.net

定义

通过鼠标或键盘输入文字、字母、数字、符号内容。

九分网络

使用场景

填写表单时; 九分网络

需要输入文本数据时。 copyright 9fen.net

相关组件

当仅需要输入数字时,使用 InputNumber 数字输入框;

内容采集来自9fen.net

当进行搜索时,使用 Search 搜索框

copyright 9fen.net

当需要进行包含图片、文本等内容的复杂输入时,使用 RichText 富文本编辑器。 www.9fen.net

交互说明

1. CASE1 输入框高度说明

本文来自九分网络

输入框根据行数分为三种类型:单行输入框、定高文本域、自适应高度文本域。 copyright 9fen.net

这个交互描述怎么写:InputText 输入框--九分网络 本文来自九分网络

内容采集来自9fen.net

2. CASE2 输入框宽度说明 www.9fen.net

输入框宽度根据实际情况确定,宽度固定无自适应;

内容采集来自9fen.net

为方便阅读,不可过宽(具体宽度由 UI 定义)。 内容采集来自9fen.net

3. CASE3 输入内容说明

内容采集来自9fen.net

可输入文字、字母、数字、符号; 九分网络

如无特殊说明,不可输入 emoji 表情;

九分网络

如无特殊说明,第一个字符不可为空格或回车;

copyright 9fen.net

过滤文本样式、链接;

内容采集来自9fen.net

输入的内容为保密信息时,显示圆点,不直接显示字符。

www.9fen.net

这个交互描述怎么写:InputText 输入框--九分网络

内容采集来自9fen.net

本文来自九分网络

4. CASE4 控件状态说明 www.9fen.net

输入框共分为启用、聚焦、禁用、输入中、加载、报错、符合条件 7 种状态。

九分网络

这个交互描述怎么写:InputText 输入框--九分网络 本文来自九分网络

九分网络

5. CASE5 暗提示说明 内容采集来自9fen.net

未输入任何内容时,输入框中需显示暗提示:

www.9fen.net

这个交互描述怎么写:InputText 输入框--九分网络 本文来自九分网络

内容采集来自9fen.net

6. CASE6 字数限制说明 本文来自九分网络

输入框必须对可输入的字数进行限制,分为以下两种限制方式:

九分网络

这个交互描述怎么写:InputText 输入框--九分网络 copyright 9fen.net

九分网络

源文件

下载链接: https://pan.baidu.com/s/1aq7dc2Iv3qpEF6g2PVF5uA 提取码: ridu 本文来自九分网络

备用下载链接:https://share.weiyun.com/5xrRyZ0

九分网络

标签: 优设 优设网 交互 网页 交互控件 输入框

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。


九分网络专业提供公众号、小程序、PC及移动端站点搭建!网站程序及服务器维护:13106499520。微信:452570709

----相关文章----