最近跟一些在做 B 端产品的小伙伴闲聊,发下大家初做 B 端产品存在的普遍问题是:明明
网上有不少可参考的设计规范总结归纳的已经很详细了,但是到真正使用的时候还是会存
在这样或那样的问题,到底用哪个好呢?还有没有更好的设计方案呢,这也是我一直在思
考的问题,不断尝试推翻,尝试推翻……
目录:
输入框的不同状态 输入框的暗提示用法 输入框字数限制的不同用法 输入框宽高的延展使
用 画重点
好了,废话不多说了!我们就从表单中最基础的组件输入框说起吧!
输入框的不同状态
那么关于输入框的不同状态分为:未输入、已输入、只读不可修改、系统信息带入可修改
、禁用、鼠标悬停、输入激活、可清空、加载
1. 系统自动录入信息
未输入和已输入这里我们暂不多说,大家都比较清楚了。
那么当系统自动带出数据信息的时候输入框通常采用的是只读状态,只读状态分为可修改
和不可修改 2 种形式,不可修改我们通常会将输入框的背景色调节成灰色,而可修改状态
的显示方式跟用户已输入后的状态显示是一致的。只读不可修改的状态常用于系统自动带
出的文本数据及数字输入相关计算的总和数据。
如下图举例:
男女数量分别需要用 ...
附件列表