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 相关文章推荐
innerHTML在IE中报错解决方案
Dec 15 Javascript
javascript比较两个日期的先后示例代码
Dec 31 Javascript
js表格排序实例分析(支持int,float,date,string四种数据类型)
May 06 Javascript
node.js读取文件到字符串的方法
Jun 29 Javascript
jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
Jan 15 Javascript
JS 拼凑字符串的简单实例
Sep 02 Javascript
原生JS实现左右箭头选择日期实例代码
Mar 14 Javascript
js实现一个猜数字游戏
Mar 31 Javascript
详解用vue编写弹出框组件
Jul 04 Javascript
js实现左右两侧浮动广告
Jul 09 Javascript
vue实现div可拖动位置也可改变盒子大小的原理
Sep 16 Javascript
js闭包的9个使用场景
Dec 29 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
mysql 字段类型说明
2007/04/27 PHP
Mysql数据库操作类( 1127版,提供源码下载 )
2010/12/02 PHP
php中in_array函数用法探究
2014/11/25 PHP
php文件包含的几种方式总结
2019/09/19 PHP
PHP7变量处理机制修改
2021/03/09 PHP
JS获取url链接字符串 location.href
2013/12/23 Javascript
关闭浏览器时提示onbeforeunload事件
2013/12/25 Javascript
浅谈JavaScript中的Math.atan()方法的使用
2015/06/14 Javascript
使用JavaScript获取URL中的参数(两种方法)
2016/11/16 Javascript
JS 调用微信扫一扫功能
2016/12/22 Javascript
两种简单的跨域方法(jsonp、php)
2017/01/02 Javascript
三种方式实现瀑布流布局
2017/02/10 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
详解Vue中使用Echarts的两种方式
2018/07/03 Javascript
微信小程序canvas拖拽、截图组件功能
2018/09/04 Javascript
微信小程序使用component自定义toast弹窗效果
2018/11/27 Javascript
Vue路由前后端设计总结
2019/08/06 Javascript
Python实现抢购IPhone手机
2018/02/07 Python
Python Pandas数据中对时间的操作
2019/07/30 Python
复化梯形求积分实例——用Python进行数值计算
2019/11/20 Python
Python实现序列化及csv文件读取
2020/01/19 Python
基于python检查矩阵计算结果
2020/05/21 Python
使用useBean标志初始化BEAN时如何接受初始化参数
2012/02/11 面试题
.NET里面如何取得当前的屏幕分辨率
2012/12/06 面试题
分厂厂长岗位职责
2013/12/29 职场文书
购房意向书范本
2014/04/01 职场文书
法制宣传日活动总结
2014/04/29 职场文书
某某同志考察材料
2014/05/28 职场文书
幼儿园大班区域活动总结
2014/07/09 职场文书
教师个人工作总结范文2014
2014/11/10 职场文书
中班下学期个人工作总结
2015/02/12 职场文书
倡议书的格式写法
2015/04/28 职场文书
《自己去吧》教学反思
2016/02/16 职场文书
思想品德课教学反思
2016/02/24 职场文书
对象析构函数__del__在Python中何时使用
2022/03/22 Python
把77A收信机改造成收音机
2022/04/05 无线电