jquery註冊文字框獲取焦點清空,失去焦點賦值

weixin_33912246發表於2017-05-15

在我們開發過程中特別是使用者註冊時會有一個效果。就是文字框獲取焦點清空提示,假設使用者沒有輸入資訊失去焦點賦值上我們的提示語

<html>
<head>
<meta http-equiv="content-type"content="text/html; charset=UTF-8"/>
<script src="http://127.0.0.1/jquery.js"></script>
<script>
$(function(){
  $("#account").focus(function(){
   var account_value=$(this).val();
   if(account_value=="請輸入賬號"){
    $(this).val("");
   }
  });
  $("#account").blur(function(){
   var account_value=$(this).val();
   if(account_value==""){
    $(this).val("請輸入賬號");
   }
  });
});
</script>
</head>      
<body>

賬號:<input id="account" type="text" value="請輸入賬號" />

</body>
</html>
 


相關文章