复制代码 代码如下:
<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示例】相关文章：
★ 体验jQuery和AngularJS的不同点及AngularJS的迷人之处
★ JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
★ 动态提示的下拉框
★ JavaScript中用getDate()方法返回指定日期的教程