密码框显示提示文字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 相关文章推荐
jQuery之折叠面板的深入解析
Jun 19 Javascript
运用JQuery的toggle实现网页加载完成自动弹窗
Mar 18 Javascript
js获取checkbox复选框选中的选项实例
Aug 24 Javascript
原生js结合html5制作小飞龙的简易跳球
Mar 30 Javascript
常用jQuery代码分享
Jul 14 Javascript
js字符串截取函数slice、substring和substr的比较
May 17 Javascript
JavaScript实现移动端滑动选择日期功能
Jun 21 Javascript
JavaScript实现同一个页面打开多张图片
Dec 29 Javascript
webpack多页面开发实践
Dec 18 Javascript
vue-cli3 DllPlugin 提取公用库的方法
Apr 24 Javascript
微信小程序常用的3种提示弹窗实现详解
Sep 19 Javascript
Vue自定义多选组件使用详解
Sep 08 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数据库配置文件一般做法分享
2012/07/07 PHP
PHP中使用Imagick读取pdf并生成png缩略图实例
2015/01/21 PHP
CI框架集成Smarty的方法分析
2016/05/17 PHP
在textarea文本域中显示HTML代码的方法
2007/03/06 Javascript
javascript动态添加表格数据行(ASP后台数据库保存例子)
2010/05/08 Javascript
node.js中的buffer.write方法使用说明
2014/12/10 Javascript
jQuery 1.9.1源码分析系列(十五)之动画处理
2015/12/03 Javascript
使用Browserify来实现CommonJS的浏览器加载方法
2017/05/14 Javascript
浅谈nodejs中的类定义和继承的套路
2017/07/26 NodeJs
Vue-router路由判断页面未登录跳转到登录页面的实例
2017/10/26 Javascript
jQuery 实现左右两侧菜单添加、移除功能
2018/01/02 jQuery
vue中如何去掉空格的方法实现
2018/11/09 Javascript
Django+Vue实现WebSocket连接的示例代码
2019/05/28 Javascript
详解vue 自定义组件使用v-model 及探究其中原理
2019/10/11 Javascript
微信小程序动态设置图片大小的方法
2019/11/21 Javascript
python的几种开发工具介绍
2007/03/07 Python
Python使用MYSQLDB实现从数据库中导出XML文件的方法
2015/05/11 Python
详解python中asyncio模块
2018/03/03 Python
Python查找两个有序列表中位数的方法【基于归并算法】
2018/04/20 Python
利用Pyhton中的requests包进行网页访问测试的方法
2018/12/26 Python
Python socket模块ftp传输文件过程解析
2019/11/05 Python
git查看、创建、删除、本地、远程分支方法详解
2020/02/18 Python
如何一键升级Python所有包
2020/11/05 Python
详解CSS3的opacity属性设置透明效果的用法
2016/05/09 HTML / CSS
详解window.open被浏览器拦截的解决方案
2019/07/18 HTML / CSS
德国网上花店:Valentins
2018/08/15 全球购物
Viking Direct荷兰:购买办公用品
2019/06/20 全球购物
装修设计师求职信
2014/02/26 职场文书
护士优质服务演讲稿
2014/08/26 职场文书
党的群众路线教育实践活动通讯稿
2014/09/10 职场文书
同意迁入证明模板
2014/10/26 职场文书
师德先进个人材料
2014/12/20 职场文书
2015年学生会部门工作总结
2015/04/21 职场文书
《蚂蚁和蝈蝈》教学反思
2016/02/22 职场文书
《水浒传》读后感3篇(范文)
2019/09/19 职场文书
唤醒紫霞仙子,携手再游三界!大话手游X《大话西游》电影合作专属剧情任务
2022/04/03 其他游戏