input文字提示 - bbqwwb

input文字提示

简单 使用onfocus事件检查当前值,如果是默认值,就将value属性置空.如:

<input type="text" value="请输入内容" onfocus="javascript:if(this.value==\'请输入内容\')this.value=\'\';">

HTML5

<input placeholder="提示语..."></input>  

js 较全面 

<input type="text" name="tip" /> 

var str="您的称呼";  
$("input[name=\'tip\']").attr(\'style\',\'color:gray;\');  
$("input[name=\'tip\']").val(str);  
$("input[name=\'tip\']").focus(function(){  
   var v=this.value;  
   if(v == str){  
        $("input[name=\'tip\']").attr(\'style\',\'color:;\');  
        $(this).val("").attr(\'name\',\'tip\');  
    }  
}).blur(function(){  
    var v=this.value;  
    if(v == ""){  
        $("input[name=\'tip\']").attr(\'style\',\'color:gray;\');  
        $(this).val(str).attr(\'name\',\'tip\');       
    }  
});