Axure如何制作提示搜索框效果

2025-04-03 08:35:59

1、1.准备一个【搜索框图片】和一个【文本框】元件,如图

Axure如何制作提示搜索框效果

2、2.将【文本框】移动到搜索框内,并勾选文本框的【隐藏边框】功能,如图

Axure如何制作提示搜索框效果

3、3.在文本框中输入提示语【请输入商品名称】并将文本文字调整为灰色,如图

Axure如何制作提示搜索框效果

4、4.选择文本框的交互动作【获取焦点时】,如图

Axure如何制作提示搜索框效果

5、5.设置获取焦点时的用例为【将当前元件文本值设置为空】,如图

Axure如何制作提示搜索框效果

6、6.预览效果,当文本框获得焦点时,提示文字消失。提示框效果完成。如图

Axure如何制作提示搜索框效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢