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 autocomplete插件修改
Apr 17 Javascript
json 实例详细说明教程
Oct 31 Javascript
js trim函数 去空格函数与正则集锦
Nov 20 Javascript
基于jquery的动态创建表格的插件
Apr 05 Javascript
js中arguments,caller,callee,apply的用法小结
Jan 28 Javascript
js读取csv文件并使用json显示出来
Jan 09 Javascript
JavaScript判断变量是否为空的自定义函数分享
Jan 31 Javascript
Js控制滑轮左右滑动实例
Feb 13 Javascript
javascript实现俄罗斯方块游戏的思路和方法
Apr 27 Javascript
基于JavaScript实现动态创建表格和增加表格行数
Dec 20 Javascript
JS获取当前页面名称的简单实例
Aug 19 Javascript
使用Angular CLI进行Build(构建)和Serve详解
Mar 24 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
php adodb连接带密码access数据库实例,测试成功
2008/05/14 PHP
php使用curl访问https示例分享
2014/01/17 PHP
PHP数据源架构模式之表入口模式实例分析
2020/01/23 PHP
Thinkphp 框架配置操作之配置加载与读取配置实例分析
2020/05/15 PHP
用 Javascript 验证表单(form)中的单选(radio)值
2009/09/08 Javascript
JQuery从头学起第二讲
2010/07/04 Javascript
js切换光标示例代码
2013/10/10 Javascript
javascript转换静态图片,增加粒子动画效果
2015/05/28 Javascript
简单谈谈node.js 版本控制 nvm和 n
2015/10/15 Javascript
值得分享和收藏的Bootstrap学习教程
2016/05/12 Javascript
JS实用技巧小结(屏蔽错误、div滚动条设置、背景图片位置等)
2016/06/16 Javascript
chrome下判断点击input上标签还是其余标签的实现方法
2016/09/18 Javascript
Windows环境下npm install 报错: operation not permitted, rename的解决方法
2016/09/26 Javascript
详解如何使用babel进行es6文件的编译
2018/05/29 Javascript
layer插件select选中默认值的方法
2018/08/14 Javascript
JS复杂判断的更优雅写法代码详解
2018/11/07 Javascript
arctext.js实现文字平滑弯曲弧形效果的插件
2019/05/13 Javascript
微信小程序整个页面的自动适应布局的实现
2020/07/12 Javascript
jquery实现简易验证插件封装
2020/09/13 jQuery
[47:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
通过python下载FTP上的文件夹的实现代码
2013/02/10 Python
python编程开发之类型转换convert实例分析
2015/11/13 Python
Python设置在shell脚本中自动补全功能的方法
2018/06/25 Python
Pycharm+Scrapy安装并且初始化项目的方法
2019/01/15 Python
对python中词典的values值的修改或新增KEY详解
2019/01/20 Python
详解python多线程之间的同步(一)
2019/04/03 Python
Python 用__new__方法实现单例的操作
2020/12/11 Python
丝芙兰波兰:Sephora.pl
2018/03/25 全球购物
会计专业毕业生自我鉴定
2013/10/29 职场文书
复核员上岗演讲稿
2014/01/05 职场文书
自主招生自荐信指南
2014/02/04 职场文书
党员批评与自我批评
2014/02/12 职场文书
十佳好少年事迹材料
2014/08/21 职场文书
优秀党务工作者先进事迹材料
2014/12/25 职场文书
优秀教研组申报材料
2014/12/26 职场文书
2016护理专业求职自荐书
2016/01/28 职场文书