输入框提示语的自动消失与显示-Axure

今天要做的效果是:

(1)当输入框显示的文字是“请输入文字”,输入框获得焦点时提示语消失。

(2)当输入框内容为空,失去焦点时,输入框会出现提示语“请输入文字”。

(3)当输入框内有非提示语内容,失去、获取焦点时,输入框内容不变。


输入框提示语的自动消失与显示-Axure_第1张图片
示例

步骤

设置输入框OnFocus(获得焦点)、OnLostFocus(失去焦点)事件。

输入框提示语的自动消失与显示-Axure_第2张图片

1.设置OnFocus事件:

输入框提示语的自动消失与显示-Axure_第3张图片
设置条件
输入框提示语的自动消失与显示-Axure_第4张图片

                                                                                       设置事件

2.设置OnLostFocus事件

设置条件方法同OnFocus设置条件。

输入框提示语的自动消失与显示-Axure_第5张图片
设置事件

3.F5预览吧~

你可能感兴趣的:(输入框提示语的自动消失与显示-Axure)