养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

如何使用Mockplus中的输入框组件

时间:2024-09-20 15:03:26

Mockplus是一款快速的原型设计工具,里面封装了很多常见盲褓梆尺组件。今天给大家介绍输入框的使用,输入框在演示时可以输入文本,多用于需要用户填写信息的场景,如输入账号、密码登录。

工具/原料

Mockplus软件

方法/步骤

1、添加输入框组件从组件面板中拖一个输入框到工作区,双击该组件弹出编辑框,可编辑输入框组件的默认显示文字。

如何使用Mockplus中的输入框组件

2、属性设置基本属性有名称、可见性、自动大小、颜色、透明度。勾选自动大小输入框将根据其文字信息自适应大小。

如何使用Mockplus中的输入框组件

3、扩展属性有圆角、百分比圆角、允许输入三种属性设置。圆角设置默认以像素为单位,勾选百分比圆角后将以百分比为单位。

如何使用Mockplus中的输入框组件

4、文字属性有文字、占位文本、文本类型三种属性设置,评鲦易纪文字属性是指输入框默认输入的文本信息;占位文本为输入框提示信息;在文本类型中可以选择文本、密码、数字三种类型。

如何使用Mockplus中的输入框组件

5、文本:可输入任意字符。数字:仅能输入数字,包括负数、小数。密码:输入的字符串会被星号代替,看不到输入内容。

如何使用Mockplus中的输入框组件

© 一点知识