B端产品经理-B端信息录入：输入框基础设计细节解析（一）

是 否 +2 论坛币

k人 参与回答

经管之家送您一份

应届毕业生专属福利!

求职就业群

赵安豆老师微信：zhaoandou666

经管之家联合CDA

送您一个全额奖学金名额~ !

立即领取

感谢您参与论坛问题回答

经管之家送您两个论坛币！

+2 论坛币

最近跟一些在做 B 端产品的小伙伴闲聊，发下大家初做 B 端产品存在的普遍问题是：明明
网上有不少可参考的设计规范总结归纳的已经很详细了，但是到真正使用的时候还是会存
在这样或那样的问题，到底用哪个好呢？还有没有更好的设计方案呢，这也是我一直在思
考的问题，不断尝试推翻，尝试推翻……


目录：
输入框的不同状态 输入框的暗提示用法 输入框字数限制的不同用法 输入框宽高的延展使
用 画重点
好了，废话不多说了！我们就从表单中最基础的组件输入框说起吧！

输入框的不同状态
那么关于输入框的不同状态分为：未输入、已输入、只读不可修改、系统信息带入可修改
、禁用、鼠标悬停、输入激活、可清空、加载
1. 系统自动录入信息
未输入和已输入这里我们暂不多说，大家都比较清楚了。
那么当系统自动带出数据信息的时候输入框通常采用的是只读状态，只读状态分为可修改
和不可修改 2 种形式，不可修改我们通常会将输入框的背景色调节成灰色，而可修改状态
的显示方式跟用户已输入后的状态显示是一致的。只读不可修改的状态常用于系统自动带
出的文本数据及数字输入相关计算的总和数据。
如下图举例：


男女数量分别需要用 ...

扫码加我 拉你入群

请注明：姓名-公司-职位

以便审核进群资格，未注明则拒绝

分享0 收藏0 回帖

关键词：产品经理 设计方案 设计规范 文本数据 字数限制