第一步，点击文本框，在属性栏中填写你需要的文字；见下图
第二步，为文本框文字添加css属性，点击文本框，可以在css面板中直接选择颜色或填写值；（可以在网页中直接定义css，也可以新建一个css文件）
显示效果
如果要实现鼠标点击灰色文字自动消失，需要使用js编程，可以在网上找js或jquery效果代码添加进页面内。
第一种方法：<input type="text" value="这里是默认字" />
第二种方法：
<input type="text" placeholder="这里是默认字" />
placeholder属性是css3新增加的，IE低版本浏览器（IE6、7、8）不支持。
在js中加个if判断就行，不过这个座标还是基于window。
js代码:<script language="javascript">
function tips(id,str){
var l=document.getElementById(id).offsetLeft+150
var t=document.getElementById(id).offsetTop
if(document.getElementById(id).id=='password'){
t+=23
}
document.getElementById("tips").innerHTML="提示："+str
document.getElementById("tips").style.left=l+"px"
document.getElementById("tips").style.top=t+"px"
document.getElementById("tips").style.display=""
}
function outtips(){
document.getElementById("tips").style.display='none'
}
</script>
效果：
