jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码


Posted in Javascript onMarch 21, 2010
<input value="请输入用户名" type="text"> 
<input value="请输入密码" type="text"> 
<input value="提交" type="submit"> 
<script> 
$(function(){ 
//输入框中文字颜色控制 
$("input:not(:last)").css("color","#999"); 
}); 
//用户名框鼠标焦点移进,文字消失 
$("input:first").click(function () { 
var check1 = $(this).val(); 
if (check1 == this.defaultValue) { 
$(this).val(""); 
} 
}); 
//用户名框鼠标焦点移出,文字显示 
$("input:first").blur(function () { 
$(this).val(this.defaultValue); 
}); 
//密码框鼠标焦点移进,文字消失 
$("input:eq(1)").click(function () { 
var check2 = $(this).val(); 
if (check2 == this.defaultValue) { 
$(this).val(""); 
} 
//密码框鼠标焦点移出,文字显示 
$("input:eq(1)").blur(function () { 
$(this).val(this.defaultValue); 
}); 
}) 
</script>
Javascript 相关文章推荐
JavaScript Cookie 直接浏览网站分网址
Dec 08 Javascript
深入理解JavaScript系列(25):设计模式之单例模式详解
Mar 03 Javascript
使用Node.js为其他程序编写扩展的基本方法
Jun 23 Javascript
常用jQuery代码分享
Jul 14 Javascript
浅析javascript中的事件代理
Nov 06 Javascript
Jquery实现$.fn.extend和$.extend函数
Apr 14 Javascript
node.js学习之base64编码解码
Oct 21 Javascript
详解Webpack+Babel+React开发环境的搭建的方法步骤
Jan 09 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
Jan 11 Javascript
Vue 去除路径中的#号
Apr 19 Javascript
angularJs select绑定的model取不到值的解决方法
Oct 08 Javascript
vue-cli3+typescript初体验小结
Feb 28 Javascript
锋利的jQuery jQuery中的DOM操作
Mar 21 #Javascript
锋利的jQuery 要点归纳(一) jQuery选择器
Mar 21 #Javascript
jquery 可拖拽的窗体控件实现代码
Mar 21 #Javascript
jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置
Mar 21 #Javascript
javascript qq右下角滑出窗口 sheyMsg
Mar 21 #Javascript
js 居中漂浮广告
Mar 21 #Javascript
jquery checkbox,radio是否选中的判断代码
Mar 20 #Javascript
You might like
PHP开发环境配置(MySQL数据库安装图文教程)
2010/04/28 PHP
php递归删除目录下的文件但保留的实例分享
2014/05/10 PHP
解析PHP的Yii框架中cookie和session功能的相关操作
2016/03/17 PHP
struts2 jquery 打造无限层次的树
2009/10/23 Javascript
基于jQuery实现的当离开页面时出现提示的实现代码
2011/06/27 Javascript
jQuery .tmpl(), .template()学习资料小结
2011/07/18 Javascript
js sort 二维数组排序的用法小结
2014/01/24 Javascript
JS 对象属性相关(检查属性、枚举属性等)
2015/04/05 Javascript
jqGrid中文文档之选项设置
2015/12/02 Javascript
js实现的万能flv网页播放器代码
2016/04/30 Javascript
谈谈PHP中相对路径的问题与绝对路径的使用
2016/08/16 Javascript
ES6 Promise对象概念与用法分析
2017/04/01 Javascript
微信小程序 setData的使用方法详解
2017/04/20 Javascript
微信小程序仿微信运动步数排行(交互)
2018/07/13 Javascript
原生js实现form表单序列化的方法
2018/08/02 Javascript
vue项目设置scrollTop不起作用(总结)
2018/12/21 Javascript
vue实现行列转换的一种方法
2019/08/06 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
2019/09/21 Javascript
[02:01]2018完美盛典-开场舞《双子星》
2018/12/16 DOTA
python显示天气预报
2014/03/02 Python
python实现分页效果
2017/10/25 Python
Python的numpy库中将矩阵转换为列表等函数的方法
2018/04/04 Python
python获取指定字符串中重复模式最高的字符串方法
2018/06/29 Python
解决sublime+python3无法输出中文的问题
2018/12/12 Python
python中嵌套函数的实操步骤
2019/02/27 Python
python3 线性回归验证方法
2019/07/09 Python
python 读取修改pcap包的例子
2019/07/23 Python
解决keras,val_categorical_accuracy:,0.0000e+00问题
2020/07/02 Python
Html5剪切板功能的实现代码
2018/06/29 HTML / CSS
Superdry瑞典官网:英国日本街头风品牌
2017/05/17 全球购物
HashMap和Hashtable的区别
2013/05/18 面试题
学习决心书范文
2014/03/11 职场文书
网络管理员岗位职责
2014/03/17 职场文书
迟到检讨书2000字(精选篇)
2014/10/07 职场文书
留学推荐信英文范文
2015/03/26 职场文书
大学生见习总结报告
2015/06/24 职场文书