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 Eval 函数使用
Mar 23 Javascript
JS中的log对象获取以及debug的写法介绍
Mar 03 Javascript
jquery实现初次打开有动画效果的网页TAB切换代码
Sep 06 Javascript
js停止冒泡和阻止浏览器默认行为的简单方法
May 15 Javascript
JavaScript中闭包之浅析解读(必看篇)
Aug 25 Javascript
获取jqGrid中选择的行的数据
Nov 30 Javascript
IE8兼容Jquery.validate.js的问题
Dec 01 Javascript
详解vue服务端渲染(SSR)初探
Jun 19 Javascript
vue组件实现文字居中对齐的方法
Aug 23 Javascript
Node.js上传文件功能之服务端如何获取文件上传进度
Feb 05 Javascript
解决vue项目获取dom元素宽高总是不准确问题
Jul 29 Javascript
JS操作JSON常用方法(10w阅读)
Dec 06 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
粗略计算在线时间,bug:ip相同
2006/12/09 PHP
php 随机排序广告的实现代码
2011/05/09 PHP
PHP连接MongoDB示例代码
2012/09/06 PHP
php缓存技术详细总结
2013/08/07 PHP
PHP判断当前使用的是什么浏览器(推荐)
2019/10/27 PHP
js 数值项目的格式化函数代码
2010/05/14 Javascript
IE6下javasc#ipt:void(0) 无效的解决方法
2013/12/23 Javascript
深入理解JavaScript系列(49):Function模式(上篇)
2015/03/04 Javascript
JavaScript正则表达式实例详解
2016/10/16 Javascript
JavaScript实现瀑布流图片效果
2017/06/30 Javascript
捕获未处理的Promise错误方法
2017/10/13 Javascript
vue的常用组件操作方法应用分析
2018/04/13 Javascript
JavaScript设计模式之代理模式实例分析
2019/01/16 Javascript
深入解读VUE中的异步渲染的实现
2020/06/19 Javascript
小程序实现多个选项卡切换
2020/06/19 Javascript
vue-model实现简易计算器
2020/08/17 Javascript
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
2020/09/21 Javascript
Python第三方库的安装方法总结
2016/06/06 Python
Python使用gRPC传输协议教程
2018/10/16 Python
Python实现的爬取百度文库功能示例
2019/02/16 Python
python opencv 批量改变图片的尺寸大小的方法
2019/06/28 Python
对Python的交互模式和直接运行.py文件的区别详解
2019/06/29 Python
python高斯分布概率密度函数的使用详解
2019/07/10 Python
Django 外键的使用方法详解
2019/07/19 Python
Python hashlib模块实例使用详解
2019/12/24 Python
解决jupyter notebook 出现In[*]的问题
2020/04/13 Python
如何解决cmd运行python提示不是内部命令
2020/07/01 Python
Holiday Inn中国官网:IHG旗下假日酒店预订
2018/04/08 全球购物
美国沙龙美发产品购物网站:Hair.com by L’Oreal
2020/11/09 全球购物
中西医专业毕业生职业规划书
2014/02/24 职场文书
班组长竞聘书
2014/03/31 职场文书
见习报告的格式
2014/10/31 职场文书
2015年销售员工作总结范文
2015/04/07 职场文书
Redis安装启动及常见数据类型
2021/04/14 Redis
vue引入Excel表格插件的方法
2021/04/28 Vue.js
Python学习之包与模块详解
2022/03/19 Python