Axure如何制作带提示信息的输入框

 时间:2024-11-10 20:56:58

在所有的网站或手机APP有关文本输入框的页面中,输入框中有提示文字会明显提高用户体撰颧幌汪验,那么用Axure制作原型时该如何制作,接下来由小编像大家介绍:

工具/原料

Axure软件(7.0以上)

方法/步骤

1、在原件库中分别向编辑页面拖入文本标签和文本框,文本标签我们命名为“姓名:”;

Axure如何制作带提示信息的输入框

2、鼠标选中拖入的文本框,然后在右侧“检视:文本框”中选中“属性导航栏”;

Axure如何制作带提示信息的输入框

3、在“提示文字”栏下方输入我们需要的提示信息,如这里我们输入“请输入姓名”;

Axure如何制作带提示信息的输入框

4、此时默认提示文字的颜色是#999999,我们可以通过点击“Aa”按钮进行文字颜色修改;

Axure如何制作带提示信息的输入框

5、接着我们添加隐藏触发,按常用操作习惯,我们习惯文本框获取焦点时提示信息消失,所以这里我们选中“隐藏提示触发”的“获取焦点”;

Axure如何制作带提示信息的输入框

6、我们泶颛预鹨通过浏览器浏览发现已经达到效果,这样简单的文本框提示信息制作就完成了,另外,大家也可以通过“属性”栏中的其他属性进行文本框的设计,如隐藏边框,清空等等,希望对你有所帮助。

Axure如何制作带提示信息的输入框

Axure制作:鼠标拖拽控件移动 Axure制作:验证强密码 网易大神语音聊天房通知如何关闭 PS如何做到毛发抠图?几个简单步骤就搞定! Fireworks软件中如何使用变形工具
热门搜索
火龙果树图片 旋风少女续写 鸡眼的图片 臭虫图片 满天星图片