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