jQuery实现input文本框内灰色提示文本效果

$(function(){   
    $(".grayTips").each(function(){ //遍历每个文本框
        var objTextBox=$(this);
        var oldText=$.trim(objTextBox.val());
        objTextBox.css("color","#888");
        objTextBox.focus(function(){
            if(objTextBox.val()!=oldText){
                objTextBox.css("color","#000");
            }
            else{
                objTextBox.val("").css("color","#888");
            }
        });
        objTextBox.blur(function(){
            if(objTextBox.val()==""){
                objTextBox.val(oldText).css("color","#888");
            }
        });
        objTextBox.keydown(function(){
            objTextBox.css("color","#000");
        });
    });
});

说明：需要引入jquery.js文件  input和TextBox都有效

 

$(function(){
  $(".grayTip").each(function(){
   var $input=$(this);
   $input.css("color","#888");
   var oldText=$.trim($input.val());
   $input.focus(function(){
    var newText=$.trim($input.val());
    if (newText==oldText){
     $input.val("");     
    }
    $input.css("color","#000");
   });
   $input.blur(function(){
    var newText=$.trim($input.val());
    if(newText==""){
     $input.val(oldText);
     $input.css("color","#888");
    }
   });
  });  
 });