jQuery提示输入逻辑

 <input type="text" id="address" value="请输入邮箱地址"/>   <br/><br/>
 <input type="text" id="password" value="请输入邮箱密码"/>  <br/><br/>

 

 $(function(){
      $("#address").focus(function(){         // 地址框获得鼠标焦点
   var txt_value =  $(this).val();   // 得到当前文本框的值
   if(txt_value==this.defaultValue){ 
                $(this).val("");              // 如果符合条件，则清空文本框内容
   }
   });
   $("#address").blur(function(){    // 地址框失去鼠标焦点
        var txt_value =  $(this).val();   // 得到当前文本框的值
   if(txt_value.trim()==""){
                $(this).val(this.defaultValue);// 如果符合条件，则设置内容
   }
   })

   $("#password").focus(function(){
   var txt_value =  $(this).val();
   if(txt_value==this.defaultValue){
                $(this).val("");
   }
   });
   $("#password").blur(function(){
        var txt_value =  $(this).val();
   if(txt_value.trim()==""){
                $(this).val(this.defaultValue);
   }
   })
  });