手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-11 18:37:19

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

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

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

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

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

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

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

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

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

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

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

Axure如何制作提示搜索框效果
© 手抄报圈