密碼框顯示提示文字jquery示例
更新時間:2013年08月29日 18:13:23 作者:
密碼框提示文字的功能還是比較實用的,下面為大家介紹下使用jquery簡單的實現下,喜歡的朋友可以參考下
復制代碼 代碼如下:
<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>
相關文章
jQuery EasyUI API 中文文檔 - Spinner微調器使用
jQuery EasyUI API 中文文檔 - Spinner微調器使用,需要的朋友可以參考下。2011-10-10學習從實踐開始之jQuery插件開發(fā) 對話框插件開發(fā)
之所以寫下這篇文章,是想將我的想法分享給大家;對于初學者,我希望他能從這篇文章中獲取對他有用的東西,對于經驗豐富的開發(fā)者,我希望他能指出我的不足,給我更多的意見和建議;目的就是共同進步2012-04-04jQuery在ie6下無法設置select選中的解決方法詳解
這篇文章主要介紹了jQuery在ie6下無法設置select選中的解決方法,結合實例分析了jQuery在ie6下無法設置select選中的原因與相關處理技巧,需要的朋友可以參考下2016-09-09jquery 之 $().hover(func1, funct2)使用方法
.hover(func1, func2) 的效果等效于: mouseenter(), mouseleave()2012-06-06