产品邦

 找回密码
 立即注册

QQ登录

只需一步,快速开始

小楼axure教程(一)文本框焦点效果

[复制链接]
xingbb 发表于 2013-7-6 16:35:30 | 显示全部楼层 |阅读模式

立即注册,下载精品资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 xingbb 于 2013-7-6 18:48 编辑

小楼axure教程(一)文本框焦点效果

示例原型:http://pan.baidu.com/share/link?shareid=665631337&uk=537158863

实现目标:

1、  文本框默认显示文字

2、  文本框获取焦点时如果是默认文字,则文本框清空,否则无动作;

3、  文本框失去焦点时如果内容为空,则显示默认文字,否则无动作。

最终效果如下:(如果效果不显示,可以单击图片在新页面中查看效果)

实现过程:

1、获取焦点时,如果输入框里的文字等于默认值,就清空。(不是默认值,就不会有动作。)


2、失去焦点时,如果输入框是空的就自动填入默认值。(如果不是空的,就没有动作)


好了,生成原型就能看到想要的效果了。


评分

参与人数 1金币 +10 收起 理由
Vegeta + 10 赞一个!

查看全部评分

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|产品经理之家 ( 粤ICP备12078725号 )

GMT+8, 2024-4-19 14:03

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表