input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
2014-10-17 21:52
991 查看
大家可以看效果图的搜索输入框，默认显示着“用户名/Email”的提示，当这个 input 输入框获得焦点时，就自动清空等待用户输入，当用户啥也没输入就离开这个 input 输入框时，输入框内又再次显示“用户名/Email”的提示。是不是很常见？很多搜索、登录、表单都会用到这个效果，但是我看了N多个网站，有90%以上 是这么实现的：
<input type="text" value="搜索关键字" onfocus="if(this.value == '搜索关键字') this.value = ''" onblur="if(this.value =='') this.value = '搜索关键字'" />
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
- input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
- input 输入框获得/失去焦点时隐藏/显示文字
- input 输入框获得/失去焦点时隐藏/显示文字
- input 输入框获得/失去焦点时隐藏/显示文字
- 我的Web学习之路1——input,textarea获得/失去焦点时隐藏/显示文字
- jquery 获得焦点的时候，焦点时文本框清空,失去焦点时又显示默认文字
- jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
- jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
- jQuery表单Input文本框默认说明文字获得焦点后消失效果
- input失去焦点和获得焦点jquery焦点事件
- jQuery实用小技巧_输入框文字获取和失去焦点的简单实例
- Knockout: 实践CSS绑定和jQuery的blur失去焦点事件, 给未通过校验的输入框添加红色边框突出显示.
- jquery插件小试牛刀：文本框为空时默认文字显示，获得焦点后默认文字消失
- 输入框的提示信息(获得焦点和失去焦点时显示提示信息)
- input失去焦点和获得焦点jquery焦点事件
- input获取焦点时候value值隐藏，失去焦点的时候显示
- 文章的关键字获得焦点显示提示内容，关键字失去焦点隐藏提示内容
- js控制输入框获得和失去焦点时状态显示的方法
- jQuery用focus()使文本输入框获得焦点且焦点在文字的最右的方法