如何實現點選文字清除預設文字

admin發表於2017-02-20
在進行使用者登入的時候，大家可能都會遇到過這樣的情況，文字框中有預設的文字，比如“請填寫使用者名稱”或者"請填寫密碼"等提示性的文字，當滑鼠點選文字框的時候，就可以清除這些文字，下面簡單介紹一下如何使用jquery實現此功能。

程式碼如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<head>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script type="text/javascript"> 
$(function(){ 
 $('.input_test').bind({ 
   focus:function(){ 
    if(this.value == this.defaultValue){ 
     this.value=""; 
    } 
   }, 
   blur:function(){ 
     if(this.value == ""){ 
      this.value = this.defaultValue; 
     } 
   } 
 })
}) 
</script> 
</head>
<body>
<div><input type="text" value="預設文字一" class="input_test" /></div> 
<div><input type="text" value="預設文字二" class="input_test" /></div> 
</body>
</html>

相關文章