- 时间:2022-07-20 03:28 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
input 输入框获得和失去焦点时隐藏或者显示文字我们先看下效果图
输入框默认状态:
[img]http://files.jb51.net/file_images/article/201304/20130402154737.png?201332154851[/img]
输入框获取焦点状态:
[img]http://files.jb51.net/file_images/article/201304/20130402154753.png?201332154911[/img]
大家可以看效果图的搜索输入框,默认显示着“用户名/Email”的提示,当这个 input 输入框获得焦点时,就自动清空等待用户输入,当用户啥也没输入就离开这个 input 输入框时,输入框内又再次显示“用户名/Email”的提示。是不是很常见?很多搜索、登录、表单都会用到这个效果,但是我看了N多个网站,有90%以上是这么实现的:
[url=http://www.csswang.com/demo/2012/07/input-onfocus.html]Demo[/url]