密码框显示提示文字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 相关文章推荐
javascript 实用的文字链提示框效果
Jun 30 Javascript
javascript textarea光标定位方法(兼容IE和FF)
Mar 12 Javascript
一些实用的jQuery代码片段收集
Jul 12 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
Mar 18 Javascript
jQuery中复合属性选择器用法实例
Dec 31 Javascript
jQuery制作拼图小游戏
Jan 12 Javascript
jQuery实现可展开合拢的手风琴面板菜单
Sep 15 Javascript
深入理解js中的加载事件
Feb 08 Javascript
js使用generator函数同步执行ajax任务
Sep 05 Javascript
重学JS之显示强制类型转换详解
Jun 30 Javascript
Ajax获取node服务器数据的完整步骤
Sep 20 Javascript
javaScript Array api梳理
Mar 31 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
星际争霸 Starcraft 游戏介绍
2020/03/14 星际争霸
php简单提示框alert封装函数
2010/08/08 PHP
PHP实现动态删除XML数据的方法示例
2018/03/30 PHP
js获取url参数的使用扩展实例
2007/12/29 Javascript
侧栏跟随滚动的简单实现代码
2013/03/18 Javascript
js播放wav文件(源码)
2013/04/22 Javascript
js判断IE浏览器版本过低示例代码
2013/11/22 Javascript
使用cluster 将自己的Node服务器扩展为多线程服务器
2014/11/10 Javascript
jquery+php实现搜索框自动提示
2014/11/28 Javascript
项目中常用的JS方法整理
2015/01/30 Javascript
javascript中in运算符用法分析
2015/04/28 Javascript
使用vue.js在页面内组件监听scroll事件的方法
2018/09/11 Javascript
jQuery实现的别踩白块小游戏完整示例
2019/01/07 jQuery
js中的reduce()函数讲解
2019/01/18 Javascript
Vue 微信端扫描二维码苹果端却只能保存图片问题(解决方法)
2020/01/19 Javascript
vue v-for 点击当前行,获取当前行数据及event当前事件对象的操作
2020/09/10 Javascript
js实现有趣的倒计时效果
2021/01/19 Javascript
[59:07]海涛为你详解DOTA2新版本“贤哲秘契”
2014/11/22 DOTA
Python序列操作之进阶篇
2016/12/08 Python
python远程连接服务器MySQL数据库
2018/07/02 Python
Python 访问限制 private public的详细介绍
2018/10/16 Python
Python实现获取汉字偏旁部首的方法示例【测试可用】
2018/12/18 Python
python判断所输入的任意一个正整数是否为素数的两种方法
2019/06/27 Python
基于python实现把图片转换成素描
2019/11/13 Python
python解决OpenCV在读取显示图片的时候闪退的问题
2021/02/23 Python
css3 线性渐变和径向渐变示例附图
2014/04/08 HTML / CSS
深入浅析HTML5中的SVG
2015/11/27 HTML / CSS
捷克家电和家具购物网站:OKAY.cz
2020/07/23 全球购物
观看《永远的雷锋》心得体会
2014/03/12 职场文书
夫妻房产协议书的格式
2014/10/11 职场文书
逃课检讨书
2015/01/26 职场文书
2016三八妇女节校园广播稿
2015/12/17 职场文书
2016暑期社会实践心得体会范文
2016/01/14 职场文书
2016年清明节网上祭英烈活动总结
2016/04/01 职场文书
用javascript制作qq注册动态页面
2021/04/14 Javascript
仅用几行Python代码就能复制她的U盘文件?
2021/06/26 Python