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 相关文章推荐
jquery $.ajax各个事件执行顺序
Oct 15 Javascript
js中更短的 Array 类型转换
Oct 30 Javascript
ajaxFileUpload.js插件支持多文件上传的方法
Sep 02 Javascript
简介JavaScript中toTimeString()方法的使用
Jun 12 Javascript
Bootstrap CSS布局之图像
Dec 17 Javascript
JavaScript的事件机制详解
Jan 17 Javascript
ES6生成器用法实例分析
Apr 10 Javascript
JS中LocalStorage与SessionStorage五种循序渐进的使用方法
Jul 12 Javascript
在Vue组件中获取全局的点击事件方法
Sep 06 Javascript
JS算法题之查找数字在数组中的索引位置
May 15 Javascript
利用d3.js制作连线动画图与编辑器的方法实例
Sep 05 Javascript
微信小程序图片加载失败时替换为默认图片的方法
Dec 09 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
一个改进的UBB类
2006/10/09 PHP
PHP使用mysqli同时执行多条sql查询语句的实例
2019/03/22 PHP
PHP读取文件或采集时解决中文乱码
2021/03/09 PHP
js将iframe中控件的值传到主页面控件中的实现方法
2013/03/11 Javascript
原生JavaScript编写canvas版的连连看游戏
2016/05/29 Javascript
使用JavaScript实现弹出层效果的简单实例
2016/05/31 Javascript
半个小时学json(json传递示例)
2016/12/25 Javascript
js 博客内容进度插件详解
2017/02/19 Javascript
AngularJS路由切换实现方法分析
2017/03/17 Javascript
vue分类筛选filter方法简单实例
2017/03/30 Javascript
React服务端渲染(总结)
2017/07/01 Javascript
详解node如何让一个端口同时支持https与http
2017/07/04 Javascript
使用vue-cli+webpack搭建vue开发环境的方法
2017/12/22 Javascript
VUE实现可随意拖动的弹窗组件
2018/09/25 Javascript
layui的数据表格+springmvc实现搜索功能的例子
2019/09/28 Javascript
JS localStorage存储对象,sessionStorage存储数组对象操作示例
2020/02/15 Javascript
Node.js web 应用如何封装到Docker容器中
2020/09/01 Javascript
python装饰器初探(推荐)
2016/07/21 Python
简单谈谈python中的Queue与多进程
2016/08/25 Python
python中pika模块问题的深入探究
2018/10/13 Python
python opencv实现证件照换底功能
2019/08/19 Python
详解使用Python下载文件的几种方法
2019/10/13 Python
Python中包的用法及安装
2020/02/11 Python
python IP地址转整数
2020/11/20 Python
一个基于canvas的移动端图片编辑器的实现
2020/10/28 HTML / CSS
荷兰之家英文站:Holland at Home
2016/10/26 全球购物
Boden澳大利亚官网:英国在线服装公司
2018/08/05 全球购物
超市采购员岗位职责
2014/02/01 职场文书
暑期培训随笔感言
2014/03/10 职场文书
投资协议书范本
2014/04/21 职场文书
公司承诺书格式
2014/05/21 职场文书
化验员岗位职责
2015/02/14 职场文书
老公保证书怎么写
2015/02/26 职场文书
大学生实习证明
2015/06/16 职场文书
mysql对于模糊查询like的一些汇总
2021/05/09 MySQL
JVM之方法返回地址详解
2022/02/28 Java/Android