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

Axure实现输入框输入时提示效果

时间:2024-10-17 07:32:57

我们螅岔出礤在注册网站时,因为有些网站会对账号和密码长度或者字符进行规范,所以在用户在输入时就会通过小气泡提示用户,下面我们来看一下这种效果时怎么实现的吧。

Axure实现输入框输入时提示效果

工具/原料

axure

pc、Mac电脑

方法/步骤

1、首先我们打开软件,在元件库中选择“文本框”拖入到画布中,并添加标题(如图)。

Axure实现输入框输入时提示效果

2、选择“矩形”工具,在画布中绘制一个小矩形,并在形状栏中调整形状(如图)。

Axure实现输入框输入时提示效果

3、在刚才绘制好的图形上输入提示文字,鼠标右键选择编组(如图)。

Axure实现输入框输入时提示效果

4、编组后鼠标右键把提示框设为隐藏(如图)。

Axure实现输入框输入时提示效果

5、选中输入框,在属性栏淘篱跬翎中点击“获取焦点时”,并在弹出的对话框中点击“显示”然后选择上一步设为隐藏的文件(如图)。

Axure实现输入框输入时提示效果

6、选中输入框,在属性栏中点击“失去焦点时”,并在弹出的对话框中点击“隐藏”然后选择隐藏文件(如图)。

Axure实现输入框输入时提示效果

7、最后保存预览,在浏览器中验证效果(如图)。

Axure实现输入框输入时提示效果

8、总结绘制输入框设醅呓择锗置提示框形状输入内容并编组把提示框设为隐藏编辑获取焦点状态编辑失去焦点状态完成

© 一点知识