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 DIV弹出效果实现代码
Jul 03 Javascript
IE8 下的Js错误HTML Parsing Error...
Aug 14 Javascript
JavaScript实现点击按钮后变灰避免多次重复提交
Jul 15 Javascript
5个书写JavaScript代码的坏习惯,看看你中枪了没?
Nov 06 Javascript
简单总结JavaScript中的String字符串类型
May 26 Javascript
Bootstrap选项卡动态切换效果
Nov 28 Javascript
angular.js指令中的controller、compile与link函数的不同之处
May 10 Javascript
微信小程序实现打开内置地图功能【附源码下载】
Dec 07 Javascript
BootStrap table实现表格行拖拽效果
Dec 01 Javascript
微信小程序-form表单提交代码实例
Apr 29 Javascript
谈谈IntersectionObserver懒加载的具体使用
Oct 15 Javascript
vue3.0封装轮播图组件的步骤
Mar 04 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 ajax 静态分页过程形式
2011/09/02 PHP
浅析php header 跳转
2013/06/17 PHP
php中ltrim()、rtrim()与trim()删除字符空格实例
2014/11/25 PHP
ECSHOP完美解决Deprecated: preg_replace()报错的问题
2016/05/17 PHP
jQuery+PHP实现图片上传并提交功能
2020/07/27 PHP
Javascript学习笔记5 类和对象
2010/01/11 Javascript
取得元素的左和上偏移量的方法
2014/09/17 Javascript
javascript 实现map集合
2015/04/03 Javascript
jQuery.each使用详解
2015/07/07 Javascript
jQuery实现彩带延伸效果的网页加载条loading动画
2015/10/29 Javascript
AngularJS入门教程之Scope(作用域)
2016/07/27 Javascript
JavaScript使用Range调色及透明度实例
2016/09/25 Javascript
javascript中递归的两种写法
2017/01/17 Javascript
bootstrap table 数据表格行内修改的实现代码
2017/02/13 Javascript
jQuery插件HighCharts绘制的基本折线图效果示例【附demo源码下载】
2017/03/07 Javascript
vue.js实现标签页切换效果
2018/06/07 Javascript
eslint 的三大通用规则详解
2019/05/16 Javascript
在layui.use 中自定义 function 的正确方法
2019/09/16 Javascript
JS实现水平移动与垂直移动动画
2019/12/19 Javascript
Python中的浮点数原理与运算分析
2017/10/12 Python
Python有序查找算法之二分法实例分析
2017/12/11 Python
详解python读取image
2019/04/03 Python
Python实现打印实心和空心菱形
2019/11/23 Python
django框架forms组件用法实例详解
2019/12/10 Python
解决Pycharm的项目目录突然消失的问题
2020/01/20 Python
Python爬虫实现百度翻译功能过程详解
2020/05/29 Python
python中执行smtplib失败的处理方法
2020/07/01 Python
Python如何爬取51cto数据并存入MySQL
2020/08/25 Python
通过Canvas及File API缩放并上传图片完整示例
2013/08/08 HTML / CSS
html5 canvas实现给图片添加平铺水印
2019/08/20 HTML / CSS
美国最好的保健品打折网店:Swanson
2017/08/04 全球购物
优秀应届本科生求职信
2014/07/19 职场文书
含预算的公司户外活动方案
2014/08/16 职场文书
税务会计岗位职责
2015/04/02 职场文书
MySQL读取JSON转换的方式
2022/03/18 MySQL
基于CSS制作创意端午节专属加载特效
2022/06/01 HTML / CSS