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 相关文章推荐
javascript flash下fromCharCode和charCodeAt方法使用说明
Jan 12 Javascript
使用js实现雪花飘落效果
Aug 26 Javascript
Javascript中神奇的this
Jan 20 Javascript
浅析JavaScript 箭头函数 generator Date JSON
May 23 Javascript
Spring MVC中Ajax实现二级联动的简单实例
Jul 06 Javascript
原生js实现商品放大镜效果
Jan 12 Javascript
vue2 自定义动态组件所遇到的问题
Jun 08 Javascript
Vue Element使用icon图标教程详解(第三方)
Feb 07 Javascript
JS扩展String.prototype.format字符串拼接的功能
Mar 09 Javascript
vue组件中使用props传递数据的实例详解
Apr 08 Javascript
javascript判断一个变量是数组还是对象
Apr 10 Javascript
js+css实现全屏侧边栏
Jun 16 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
浅谈Windows下 PHP4.0与oracle 8的连接设置
2006/10/09 PHP
php使用百度天气接口示例
2014/04/22 PHP
php 购物车完整实现代码
2014/06/05 PHP
Symfony2获取web目录绝对路径、相对路径、网址的方法
2016/11/14 PHP
PHP 应用容器化以及部署方法
2018/02/12 PHP
jquery监控数据是否变化(修正版)
2011/04/12 Javascript
删除条目时弹出的确认对话框
2014/06/05 Javascript
jQuery中parents()方法用法实例
2015/01/07 Javascript
jQuery的end()方法使用详解
2015/07/15 Javascript
jquery实现点击查看更多内容控制段落文字展开折叠效果
2015/08/06 Javascript
Webpack 实现 AngularJS 的延迟加载
2016/03/02 Javascript
jQuery中队列queue()函数的实例教程
2016/05/03 Javascript
同步文本框内容JS代码实现
2016/08/04 Javascript
jquery层级选择器(匹配父元素下的子元素实现代码)
2016/09/05 Javascript
原生js简单实现放大镜特效
2017/05/16 Javascript
微信小程序用户授权弹窗 拒绝时引导用户重新授权实现
2019/07/29 Javascript
微信小程序实现语音识别转文字功能及遇到的坑
2019/08/02 Javascript
vue实现列表拖拽排序的功能
2020/11/02 Javascript
[03:49]DOTA2英雄基础教程 光之守卫
2014/01/14 DOTA
Django 如何获取前端发送的头文件详解(推荐)
2017/08/15 Python
Python读取excel中的图片完美解决方法
2018/07/27 Python
Python wxPython库Core组件BoxSizer用法示例
2018/09/03 Python
django 外键model的互相读取方法
2018/12/15 Python
解决Pyinstaller 打包exe文件 取消dos窗口(黑框框)的问题
2019/06/21 Python
python实现微信小程序用户登录、模板推送
2019/08/28 Python
PyCharm下载和安装详细步骤
2019/12/17 Python
Visual Studio Code搭建django项目的方法步骤
2020/09/17 Python
详解win10下pytorch-gpu安装以及CUDA详细安装过程
2021/01/28 Python
HTML5自定义mp3播放器源码
2020/01/06 HTML / CSS
微软台湾官方网站:Microsoft台湾
2018/08/15 全球购物
非功能性需求都包括哪些方面
2013/10/29 面试题
企业管理培训感言
2014/01/27 职场文书
《鸟岛》教学反思
2014/04/26 职场文书
2014年青年志愿者工作总结
2014/12/09 职场文书
终止劳动合同通知书
2015/04/16 职场文书
三八妇女节致辞
2015/07/31 职场文书