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 相关文章推荐
JS去除字符串的空格增强版(可以去除中间的空格)
Aug 26 Javascript
jQuery 常见操作实现方式和常用函数方法总结
May 06 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
Oct 29 Javascript
jquery 倒计时效果实现秒杀思路
Sep 11 Javascript
可以用鼠标拖动的DIV实现思路及代码
Oct 21 Javascript
jquery实现邮箱自动补全功能示例分享
Feb 17 Javascript
个人总结的一些JavaScript技巧、实用函数、简洁方法、编程细节
Jun 10 Javascript
js变形金刚文字特效代码分享
Aug 20 Javascript
js类式继承与原型式继承详解
Apr 07 Javascript
jQuery Easyui datagrid连续发送两次请求问题
Dec 13 Javascript
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
May 05 Javascript
Axios取消重复请求的方法实例详解
Jun 15 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
用DBSQL类加快开发MySQL数据库程序的速度
2006/10/09 PHP
php中批量替换文件名的实现代码
2011/07/20 PHP
搭建基于Docker的PHP开发环境的详细教程
2015/07/01 PHP
利用php-cli和任务计划实现订单同步功能的方法
2017/05/03 PHP
JQuery实现自定义对话框的代码
2008/06/15 Javascript
Prototype ObjectRange对象学习
2009/07/19 Javascript
JavaScript高级程序设计 学习笔记 js高级技巧
2011/09/20 Javascript
js使用递归解析xml
2014/12/12 Javascript
理解Javascript图片预加载
2016/02/23 Javascript
javascript中闭包概念与用法深入理解
2016/12/15 Javascript
JavaScript实现简单的双色球(实例讲解)
2017/07/31 Javascript
使用vue-cli编写vue插件的方法
2018/02/26 Javascript
vue+webpack 打包文件 404 页面空白的解决方法
2018/02/28 Javascript
微信小程序tabBar 返回tabBar不刷新页面
2019/07/25 Javascript
在vue中把含有html标签转为html渲染页面的实例
2019/10/28 Javascript
vuex实现数据状态持久化
2019/11/11 Javascript
vue下拉刷新组件的开发及slot的使用详解
2020/12/23 Vue.js
[05:34]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY第二弹
2014/06/25 DOTA
完美解决Python matplotlib绘图时汉字显示不正常的问题
2019/01/29 Python
Python实现快速排序的方法详解
2019/10/25 Python
Django使用list对单个或者多个字段求values值实例
2020/03/31 Python
PyCharm2019 安装和配置教程详解附激活码
2020/07/31 Python
使用Python爬取Json数据的示例代码
2020/12/07 Python
HTML5 拖拽批量上传文件的示例代码
2018/03/28 HTML / CSS
HTML5 canvas标签实现刮刮卡效果
2015/04/24 HTML / CSS
Giuseppe Zanotti美国官方网站:将鞋履视为高级时装般精心制作
2018/02/06 全球购物
Oracle快照(snapshot)
2015/03/13 面试题
2014年秋季新学期寄语
2014/08/02 职场文书
企业趣味活动方案
2014/08/21 职场文书
金融专业银行实习证明模板
2014/11/28 职场文书
内勤岗位职责范本
2015/04/13 职场文书
学校通报表扬范文
2015/05/04 职场文书
pytorch 实现多个Dataloader同时训练
2021/05/29 Python
Python中的turtle画箭头,矩形,五角星
2022/03/16 Python
Mysql 文件配置解析介绍
2022/05/06 MySQL
win10如何更改appdata文件夹的默认位置?
2022/07/15 数码科技