产品交互设计0岁的产品经理UI/交互设计规范

输入框交互形式

2017-11-28  本文已影响38人  沃菲斯熊猫
1,普通输入框

【教程】:

Step1: 拖动文字输入框原件至操作面板

教程1 2,有默认文字提示

【教程】:

Step1: 拖动文字输入框原件至操作面板

Step2: 右键单击输入框>>>编辑文字

Step3: 输入文字

Step4: 选择事件类型----获取焦点

Step5: 设置文字类型----value=空

Step6: 选择事件类型----失去焦点

Step7: 设置文字类型----value=“请输入文字”

教程2 3,获取焦点时有文字提示

【教程】:

Step1: 拖动文字输入框原件至操作面板

Step2: 右键单击输入框>>>编辑文字

Step3: 输入文字

Step4: 选择事件类型----获取焦点

Step5: 设置文字类型----value=空

Step6: 选择事件类型----失去焦点

Step7: 设置文字类型----value=“请输入文字”

Step8: 选中typing

Step9: 输入显示的文字

Step10: 设置输入文字长度

上一篇 下一篇

猜你喜欢

热点阅读