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 each函数的链式调用
Jul 22 Javascript
JavaScript 序列化对象实现代码
Dec 18 Javascript
JavaScript 选中文字并响应获取的实现代码
Aug 28 Javascript
js中Math之random,round,ceil,floor的用法总结
Dec 26 Javascript
实例讲解js验证表单项是否为空的方法
Jan 09 Javascript
AngularJS中$interval的用法详解
Feb 02 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
Dec 12 Javascript
详解vue之页面缓存问题(基于2.0)
Jan 10 Javascript
jquery拼接ajax 的json和字符串拼接的方法
Mar 11 Javascript
Angular实现的简单查询天气预报功能示例
Dec 27 Javascript
JavaScript时间与时间戳的转换操作实例分析
Dec 07 Javascript
javascript 高级语法之继承的基本使用方法示例
Nov 11 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
phpMyAdmin 安装配置方法和问题解决
2009/06/08 PHP
php多层数组与对象的转换实例代码
2013/08/05 PHP
Laravel实现用户注册和登录
2015/01/23 PHP
解决yii2左侧菜单子级无法高亮问题的方法
2016/05/08 PHP
JavaScript 在各个浏览器中执行的耐性
2009/04/06 Javascript
腾讯的ip接口 方便获取当前用户的ip地理位置
2010/11/25 Javascript
JavaScript初学者建议:不要去管浏览器兼容
2014/02/04 Javascript
JavaScript包装对象使用详解
2015/07/09 Javascript
javascript实现简单的分页特效
2015/08/12 Javascript
JavaScript函数的调用以及参数传递
2015/10/21 Javascript
详解AngularJS 模态对话框
2016/04/07 Javascript
关于原生js中bind函数的简单实现
2016/08/10 Javascript
angularJS+requireJS实现controller及directive的按需加载示例
2017/02/20 Javascript
JavaScript常用截取字符串的三种方式用法区别实例解析
2018/05/15 Javascript
解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题
2018/08/30 Javascript
node中的密码安全(加密)
2018/09/17 Javascript
JS控制下拉列表左右选择实例代码
2020/05/08 Javascript
微信小程序实现简单的select下拉框
2020/11/23 Javascript
JavaScript实现4位随机验证码的生成
2021/01/28 Javascript
python使用xslt提取网页数据的方法
2018/02/23 Python
Python后台开发Django会话控制的实现
2019/04/15 Python
python远程连接MySQL数据库
2019/04/19 Python
基于多进程中APScheduler重复运行的解决方法
2019/07/22 Python
python正则过滤字母、中文、数字及特殊字符方法详解
2020/02/11 Python
网页布局中CSS样式无效的十个重要原因详解
2017/08/10 HTML / CSS
Coltorti Boutique官网:来自意大利的设计师品牌买手店
2018/11/09 全球购物
TripAdvisor日本:全球领先的旅游网站
2019/02/14 全球购物
Goodee官方商店:迷你投影仪
2021/03/15 全球购物
对象的序列化(serialization)类是面向流的,应如何将对象写入到随机存取文件中
2015/06/22 面试题
函授药学自我鉴定
2014/02/07 职场文书
教师批评与自我批评范文
2014/10/15 职场文书
2015年大学学生会工作总结
2015/05/13 职场文书
薪资证明范本
2015/06/19 职场文书
新闻通讯稿模板
2015/07/22 职场文书
党员干部学习心得体会
2016/01/23 职场文书
Linux服务器离线安装 nginx的详细步骤
2022/06/16 Servers