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');       
    }  
}); 

  

posted on 2017-03-15 15:34  bbqwwb  阅读(151)  评论(0编辑  收藏  举报

导航