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实现的五子棋游戏实例
Jun 13 Javascript
移动Web中图片自适应的两种JavaScript解决方法
Jun 18 Javascript
JavaScript模版引擎的基本实现方法浅析
Feb 15 Javascript
JavaScript数组去重的两种方法推荐
Apr 05 Javascript
JQuery对ASP.NET MVC数据进行更新删除
Jul 13 Javascript
Javascript 两种刷新方法以及区别和适用范围
Jan 17 Javascript
Vue 短信验证码组件开发详解
Feb 14 Javascript
JS轮播图的实现方法2
Aug 25 Javascript
解决Can't find variable: SockJS vue项目的问题
Sep 22 Javascript
通过实例解析javascript Date对象属性及方法
Nov 04 Javascript
JavaScript实现网页跨年倒计时
Dec 02 Javascript
Vue实现下拉加载更多
May 09 Vue.js
锋利的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 向访客和爬虫显示不同的内容
2009/11/09 PHP
php的XML文件解释类应用实例
2014/09/22 PHP
将FCKeditor导入PHP+SMARTY的实现方法
2015/01/15 PHP
PHP实现在数据库百万条数据中随机获取20条记录的方法
2017/04/19 PHP
JavaScript中的类继承
2010/11/25 Javascript
使用Jquery实现点击文字后变成文本框且可修改
2013/09/21 Javascript
查询json的数据结构的8种方式简介
2014/03/10 Javascript
NodeJS学习笔记之Connect中间件应用实例
2015/01/27 NodeJs
javascript常用的方法整理
2015/08/20 Javascript
jQuery插件之Tocify动态节点目录菜单生成器附源码下载
2016/01/08 Javascript
JavaScript中removeChild 方法开发示例代码
2016/08/15 Javascript
全面解析Bootstrap表单样式的使用
2016/09/09 Javascript
基于JS实现的随机数字抽签实例
2016/12/08 Javascript
vuejs使用$emit和$on进行组件之间的传值的示例
2017/10/04 Javascript
AngularJS创建一个上传照片的指令实例代码
2018/02/24 Javascript
vue 做移动端微信公众号采坑经验记录
2018/04/26 Javascript
VUE 3D轮播图封装实现方法
2018/07/03 Javascript
4个顶级开源JavaScript图表库
2018/09/29 Javascript
详解vue项目中使用token的身份验证的简单实践
2019/03/08 Javascript
npm 语义版本控制详解
2019/09/10 Javascript
vue 解决uglifyjs-webpack-plugin打包出现报错的问题
2020/08/04 Javascript
Vue elementui字体图标显示问题解决方案
2020/08/18 Javascript
python根据出生年份简单计算生肖的方法
2015/03/27 Python
Python单元测试框架unittest简明使用实例
2015/04/13 Python
Python 元类实例解析
2018/04/04 Python
python使用zip将list转为json的方法
2018/12/31 Python
python基础 range的用法解析
2019/08/23 Python
keras 两种训练模型方式详解fit和fit_generator(节省内存)
2020/07/03 Python
django 模型字段设置默认值代码
2020/07/15 Python
HTML5中canvas中的beginPath()和closePath()的重要性
2018/08/24 HTML / CSS
突袭HTML5之Javascript API扩展2—地理信息服务及地理位置API学习
2013/01/31 HTML / CSS
迷你唐卡软皮鞋:Minnetonka Moccasin
2018/05/01 全球购物
htmlentities() 和 htmlspecialchars()有什么区别
2015/07/01 面试题
老公写给老婆的检讨书
2015/05/06 职场文书
如何使用Python对NetCDF数据做空间相关分析
2021/04/21 Python
Mysql案例刨析事务隔离级别
2021/09/25 MySQL