jQuery實現登錄提示

實現效果：將鼠標聚焦到郵箱地址文本框時，文本框內的“請輸入郵箱地址”文字將被清除；

　　　　 ??若沒有輸入任何內容，鼠標移除后郵箱地址文本框被還原。

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>注冊</title>
 6     <!-- <link rel="stylesheet" href="css/default.css" type="text/css" /> -->
 7     
 8     <script type="text/javascript" src="../scripts/jquery-1.7.2.js"></script>
 9     <script type="text/javascript">
10     $(function(){
11         $("#mailaddress").focus(function(){
12             var txt_val = $(this).val();
13             if (txt_val == "請輸入郵箱地址") {
14                 $(this).val("");
15             }
16         });
17 
18         $("#mailaddress").blur(function(){
19             var txt_val = $(this).val();
20             if (txt_val == "") {
21                 $(this).val("請輸入郵箱地址");
22             }
23         });
24         $("#password").focus(function(){
25             var txt_val = $(this).val();
26             if (txt_val == "請輸入郵箱密碼") {
27                 $(this).val("");
28             }
29         });
30 
31         $("#password").blur(function(){
32             var txt_val = $(this).val();
33             if (txt_val == "") {
34                 $(this).val("請輸入郵箱密碼");
35             }
36         });
37 
38 
39     });
40     </script>
41 </head>
42 <body>
43      <input type="text" id="mailaddress" value="請輸入郵箱地址"/>   <br/><br/>
44     <input type="text" id="password" value="請輸入郵箱密碼"/>  <br/><br/>
45     <input type="button" value="登錄"/>
46 </body>
47 </html>

轉載于:https://www.cnblogs.com/noaman/p/5954622.html

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/news/285895.shtml
繁體地址，請注明出處：http://hk.pswp.cn/news/285895.shtml
英文地址，請注明出處：http://en.pswp.cn/news/285895.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！