密碼框顯示提示文字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二維碼生成插件qrcode的相關資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-01-01
AJAX 流行之后，總想好好學習一下。但是眾多的框架實在難以選擇。說明一下 ASP.NET AJAX 并不包括在 AJAX 框架之中。2009-11-11
介紹一個JSONP 跨域訪問代理API-yahooapis,需要的朋友可以參考下2012-12-12
這篇文章主要介紹了jQuery實現滑動的標簽分欄切換效果，具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
基于jquery完美拖拽，可返回拖動軌跡 用JQ實現，話不多說，直接上碼2012-03-03
jquery?操作DOM的基本用法分享，使用jquery的朋友可以參考下，方便以后對dom操作2012-04-04
這篇文章主要介紹了jquery mobile 移動web(5)的相關資料,需要的朋友可以參考下2015-12-12
這篇文章非常全面的介紹了在PC和移動端上jQuery實現瀑布流布局的詳細過程，文中示例代碼介紹的非常詳細，具有一定的參考價值，對瀑布流布局感興趣的小伙伴們可以參考一下2015-10-10
當一個文本框中，里面的內容1秒鐘無變化，則表示用戶1秒鐘內無輸入，說明用戶是已經輸入完成，再等待返回數據了。那么jQuery如何實現判斷1秒內無輸入呢，一起通過本文學習吧2016-04-04
基本選擇器：是jQuery中使用最頻繁的選擇器，它由元素Id、Class、元素名、多個選擇符組成，通過基本選擇器可以實現大多數頁面元素的查找，感興趣的朋友可以參考下哈2013-04-04