手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >密码框显示提示文字jquery示例
密码框显示提示文字jquery示例
摘要:复制代码代码如下:登录$(document).ready(function(){$(".text_login").focus(functio...

复制代码 代码如下:

<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" border="0">

<tr>

<td> 账号:</td>

<td>

<input type="text" name="uname" value="user name" id="uname"/>

</td>

</tr>

<tr>

<td> 密码:</td>

<td>

<input type="text" value="password" id="password1"/>

<input type="password" id="password2"/>

</td>

</tr>

</table>

</body>

</html>

【密码框显示提示文字jquery示例】相关文章:

JavaScript中用getDate()方法返回指定日期的教程

图片按比例缩放函数

广告显示判断

JavaScript每天定时更换皮肤样式的方法

详解JavaScript中setSeconds()方法的使用

漂亮的仿flash菜单,来自蓝色经典

接收键盘指令的脚本

JavaScript实现表格点击排序的方法

jquery实现点击label的同时触发文本框点击事件的方法

javasript实现密码的隐藏与显示

精品推荐
分类导航