密码框显示提示文字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 appendChild,innerHTML,join性能比较代码
Aug 29 Javascript
JQuery 技巧和窍门整理(8个)
Apr 22 Javascript
变量声明时命名与变量作为对象属性时命名的区别解析
Dec 06 Javascript
js中iframe调用父页面的方法
Oct 30 Javascript
js实现分割上传大文件
Mar 09 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
May 20 Javascript
JS获取input file绝对路径的方法(推荐)
Aug 02 Javascript
使用vue.js编写蓝色拼图小游戏
Mar 17 Javascript
Vue如何从1.0迁移到2.0
Oct 19 Javascript
详解Vue.js项目API、Router配置拆分实践
Mar 16 Javascript
js实现模拟购物商城案例
May 18 Javascript
JavaScript与JQuery框架基础入门教程
Jul 15 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
Javascript写了一个清除“logo1_.exe”的杀毒工具(可扫描目录)
2007/02/09 Javascript
跨浏览器开发经验总结(三)   警惕“IE依赖综合症”
2010/05/13 Javascript
基于jquery可配置循环左右滚动例子
2011/09/09 Javascript
jQuery cdn使用介绍
2013/05/08 Javascript
jQuery列表拖动排列具体实现
2013/11/04 Javascript
JS判断对象是否存在的10种方法总结
2013/12/23 Javascript
利用JQuery制作符合Web标准的QQ弹出消息
2014/01/14 Javascript
JS如何将数字类型转化为没3个一个逗号的金钱格式
2014/01/27 Javascript
JavaScript 学习笔记之数据类型
2015/01/14 Javascript
jQuery的层级查找方式分析
2016/06/16 Javascript
vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
2017/03/06 Javascript
vue v-on监听事件详解
2017/05/17 Javascript
一个简易的js图片轮播效果
2017/07/22 Javascript
Vue 组件(component)教程之实现精美的日历方法示例
2018/01/08 Javascript
解决Vue调用springboot接口403跨域问题
2019/09/02 Javascript
JavaScript Dom 绑定事件操作实例详解
2019/10/02 Javascript
深入学习Vue nextTick的用法及原理
2019/10/08 Javascript
vue项目使用.env文件配置全局环境变量的方法
2019/10/24 Javascript
在Vue中获取自定义属性方法:data-id的实例
2020/09/09 Javascript
Openlayers测量距离与面积的实现方法
2020/09/25 Javascript
在Python的Django框架中加载模版的方法
2015/07/16 Python
Python探索之ModelForm代码详解
2017/10/26 Python
python requests 测试代理ip是否生效
2018/07/25 Python
Python字符串匹配之6种方法的使用详解
2019/04/08 Python
pytorch 自定义卷积核进行卷积操作方式
2019/12/30 Python
python计算波峰波谷值的方法(极值点)
2020/02/18 Python
解决PyCharm不在run输出运行结果而不是再Console里输出的问题
2020/09/21 Python
Casadei卡萨蒂官网:意大利奢侈鞋履品牌
2017/10/28 全球购物
Move Free官方海外旗舰店:美国骨关节健康专业品牌
2017/12/06 全球购物
大课间活动实施方案
2014/03/06 职场文书
观看信仰心得体会
2014/09/04 职场文书
社会实践活动总结
2015/02/05 职场文书
会议新闻稿
2015/07/17 职场文书
企业财务管理制度范本
2015/08/04 职场文书
HTML通过表单实现酒店筛选功能
2021/05/18 HTML / CSS
Oracle配置dblink访问PostgreSQL的操作方法
2022/03/21 PostgreSQL