Axure学习笔记:关于文本框文字提示,以及未达到特定长度禁止使用相关元件

Axure学习笔记:关于文本框文字提示,以及未达到特定长度禁止使用相关元件

功能实现如图 

实现第一个文本框的样式,只需要对文本框进行以下交互

Axure学习笔记:关于文本框文字提示,以及未达到特定长度禁止使用相关元件

实现第二个 文本框的样式,只需要对文本框进行以下交互

Axure学习笔记:关于文本框文字提示,以及未达到特定长度禁止使用相关元件

实现第三个文本框则需要在第一或第二的基础上,添加单击交互事件 

先给一个矩形命名:“提示”,并设置其透明度为20%

Axure学习笔记:关于文本框文字提示,以及未达到特定长度禁止使用相关元件

给第三个文本框添加单击交互事件 

 Axure学习笔记:关于文本框文字提示,以及未达到特定长度禁止使用相关元件

 至此,预览即可实现最终结果。

上一篇:Axure| 使用原生的下拉框做动态面板切换。


下一篇:Axure制作自适应浏览器窗口宽度的导航栏