密码框显示提示文字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实现可输入搜索文字的下拉框
Oct 23 Javascript
原生js制作简单的数字键盘
Apr 24 Javascript
Javascript 是你的高阶函数(高级应用)
Jun 15 Javascript
Node.js利用Net模块实现多人命令行聊天室的方法
Dec 23 Javascript
vue获取input输入值的问题解决办法
Oct 17 Javascript
Vue 过滤器filters及基本用法
Dec 26 Javascript
vue实现前进刷新后退不刷新效果
Jan 26 Javascript
Vue实现6位数密码效果
Aug 18 Javascript
layui 上传文件_批量导入数据UI的方法
Sep 23 Javascript
vue图片上传组件使用详解
Dec 23 Javascript
JavaScript如何判断对象有某属性
Jul 03 Javascript
实例讲解React 组件
Jul 07 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
深入PHP5中的魔术方法详解
2013/06/17 PHP
php不使用copy()函数复制文件的方法
2015/03/13 PHP
PHP实现页面静态化的超简单方法
2016/09/06 PHP
简单实现PHP留言板功能
2016/12/21 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
070823更新的一个[消息提示框]组件 兼容ie7
2007/08/29 Javascript
jquery validator 插件增加日期比较方法
2010/02/21 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
2010/09/03 Javascript
jQuery中jqGrid分页实现代码
2011/11/04 Javascript
JavaScript日期时间格式化函数分享
2014/05/05 Javascript
javascript实现类似java中getClass()得到对象类名的方法
2015/07/27 Javascript
微信小程序 选项卡的简单实例
2017/05/24 Javascript
Angular4如何自定义首屏的加载动画详解
2017/07/26 Javascript
微信小程序之蓝牙的链接
2017/09/26 Javascript
薪资那么高的Web前端必看书单
2017/10/13 Javascript
使用ajax的post同步执行(实现方法)
2017/12/21 Javascript
jquery 给动态生成的标签绑定事件的几种方法总结
2018/02/24 jQuery
Vue SPA单页应用首屏优化实践
2018/06/28 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
2018/12/05 Javascript
小程序自定义日历效果
2018/12/29 Javascript
记录vue做微信自定义分享的一些问题
2019/09/12 Javascript
vue从零实现一个消息通知组件的方法详解
2020/03/16 Javascript
pygame学习笔记(3):运动速率、时间、事件、文字
2015/04/15 Python
Pycharm学习教程(5) Python快捷键相关设置
2017/05/03 Python
python+matplotlib实现鼠标移动三角形高亮及索引显示
2018/01/15 Python
numpy使用fromstring创建矩阵的实例
2018/06/15 Python
python 根据时间来生成唯一的字符串方法
2019/01/14 Python
详解Python读取yaml文件多层菜单
2019/03/23 Python
利用python实现汉诺塔游戏
2021/03/01 Python
SheIn沙特阿拉伯:女装在线
2020/03/23 全球购物
介绍一下grep命令的使用
2015/06/12 面试题
演讲稿格式
2014/04/30 职场文书
未婚证明书模板
2014/10/08 职场文书
检讨书范文300字
2015/01/28 职场文书
Python实现DBSCAN聚类算法并样例测试
2021/06/22 Python
MySQL控制流函数(-if ,elseif,else,case...when)
2022/07/07 MySQL