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

Axure:如何文本框输入内容删除键

时间:2024-11-02 18:23:27

使用任何软件的输入功能,都会提供一个带“x”删除内容的功能。现在也来分享想如何利用Axure制作踊辽嚏囱此功能原型。

Axure:如何文本框输入内容删除键

工具/原料

联想台式电脑

Windows10操作系统

AxureRP9

方法/步骤

1、打开一份Axure文档,新增一张Page,命名为“文本框内容删除功能”。

Axure:如何文本框输入内容删除键

2、参考之前的一篇经验设置文本输入框。

Axure:如何文本框输入内容删除键

3、将“文本标签”元件拖入文本框右侧,输入“x”,并设置为隐藏。

Axure:如何文本框输入内容删除键

4、选择“文本框”元件,喘揲塾疖点击右侧“交互”栏,设置交互情形。文本框获取焦点时,现实“x”;文本框失去焦点时,隐藏“x”。

Axure:如何文本框输入内容删除键

5、点击“预览”,浏览其中起初看不到“x”,但鼠标单击文本框后,“x”显示出来了。

Axure:如何文本框输入内容删除键

© 一点知识