密码框显示提示文字jquery示例


Posted in Javascript onAugust 29, 2013
<html> 
<head> 
<title>登录</title> 
<script type="text/javascript" src="./jquery-1.3.2.min.js"></script> 
<script> 
$(document).ready(function(){ 
$(".text_login").focus(function(){ 
if($(this).val()=='user name' || $(this).val()=='password'){ 
$(this).val(''); 
} 
if($(this).attr('id')=='password1'){ 
$(this).hide(); 
$('#password2').show(); 
$('#password2').focus(); 
} 
}); 
$(".text_login").blur(function(){ 
if($(this).attr('id')=='password2' && $(this).val()==''){ 
$(this).hide(); 
$('#password1').show(); 
$('#password1').val('password'); 
} 
else if($(this).attr('id')=='uname' && $(this).val()=='' ){ 
$(this).val('user name'); 
} 
}); 
}); 
</script> 
</head> <body> 
<table cellpadding="0" cellspacing="0" class="tb_login" border="0"> 
<tr> 
<td> 账号:</td> 
<td> 
<input type="text" name="uname" value="user name" id="uname" class="text_login"/> 
</td> 
</tr> 
<tr> 
<td> 密码:</td> 
<td> 
<input type="text" value="password" id="password1" class="text_login"/> 
<input type="password" id="password2" style="display:none;" class="text_login"/> 
</td> 
</tr> 
</table> 
</body> 
</html>
Javascript 相关文章推荐
js 字符串转换成数字的三种方法
Mar 23 Javascript
JavaScript中使用document.write向页面输出内容实例
Oct 16 Javascript
javascript+html5实现仿flash滚动播放图片的方法
Apr 27 Javascript
在JavaScript中操作时间之setYear()方法的使用
Jun 12 Javascript
js+css实现上下翻页相册代码分享
Aug 18 Javascript
分享使用AngularJS创建应用的5个框架
Dec 05 Javascript
原生js的数组除重复简单实例
May 24 Javascript
AngularJS中的JSONP实例解析
Dec 01 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
Aug 12 Javascript
跟混乱的页面弹窗说再见
Apr 11 Javascript
VueJS实现用户管理系统
May 29 Javascript
Javascript call及apply应用场景及实例
Aug 26 Javascript
div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox
Aug 29 #Javascript
js中的数组Array定义与sort方法使用示例
Aug 29 #Javascript
js禁止页面复制功能禁用页面右键菜单示例代码
Aug 29 #Javascript
extjs中form与grid交互数据(record)的方法
Aug 29 #Javascript
JS中图片缓冲loading技术的实例代码
Aug 29 #Javascript
js中substring和substr的详细介绍与用法
Aug 29 #Javascript
由点击页面其它地方隐藏div所想到的jQuery的delegate
Aug 29 #Javascript
You might like
PHP 面向对象 PHP5 中的常量
2010/05/05 PHP
php blowfish加密解密算法
2016/07/02 PHP
php正则修正符用法实例详解
2016/12/29 PHP
Nigma vs Alliance BO5 第二场2.14
2021/03/10 DOTA
jQuery页面图片伴随滚动条逐渐显示的小例子
2013/03/21 Javascript
网页实时显示服务器时间和javscript自运行时钟
2014/06/09 Javascript
jQuery针对各类元素操作基础教程
2014/08/29 Javascript
jQuery选择器querySelector的使用指南
2015/01/23 Javascript
详解参数传递四种形式
2015/07/21 Javascript
关于JS 预解释的相关理解
2016/06/28 Javascript
javascript 数组的正态分布排序的问题
2016/07/31 Javascript
js 自带的sort() 方法全面了解
2016/08/16 Javascript
JS控制页面跳转时未请求要跳转的地址怎么回事
2016/10/14 Javascript
JS正则表达式验证中文字符
2017/05/08 Javascript
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
2017/11/22 Javascript
微信小程序使用checkbox显示多项选择框功能【附源码下载】
2017/12/11 Javascript
ES6入门教程之变量的解构赋值详解
2019/04/13 Javascript
javascript实现异形滚动轮播
2019/11/28 Javascript
uni-app使用微信小程序云函数的步骤示例
2020/05/22 Javascript
Python爬虫爬验证码实现功能详解
2016/04/14 Python
各种Python库安装包下载地址与安装过程详细介绍(Windows版)
2016/11/02 Python
对Python w和w+权限的区别详解
2019/01/23 Python
Python 实现两个服务器之间文件的上传方法
2019/02/13 Python
python与C、C++混编的四种方式(小结)
2019/07/15 Python
python实现按关键字筛选日志文件
2019/12/24 Python
基于Python fminunc 的替代方法
2020/02/29 Python
关于Python不换行输出和不换行输出end=““不显示的问题(亲测已解决)
2020/10/27 Python
为2021年的第一场雪锦上添花:用matplotlib绘制雪花和雪景
2021/01/05 Python
python 窃取摄像头照片的实现示例
2021/01/08 Python
荷兰DOD药房中文官网:DeOnlineDrogist
2020/12/27 全球购物
标准离婚协议书(2014版)
2014/10/05 职场文书
党员评议表自我评价范文
2014/10/20 职场文书
医德医风个人工作总结2014
2014/11/14 职场文书
体检通知范文
2015/04/21 职场文书
小学工作总结2015
2015/05/04 职场文书
基于Python绘制子图及子图刻度的变换等的问题
2021/05/23 Python