1.属性实现文本框提示
在input标签中添加一个属性placeholder就可以实现
eg:
<div>
<label>任务名:</label>
<input type='text' id='taskname' placeholder='安全扫描任务01'>
</div>
效果:
输入内容灰色提示则消失
2.使用js实现文本框提示
<input type="text" id="searchkey" value="请输入关键字" style="background:#F7F7F7;-moz-border-radius:8px;-webkit-border-radius:8px;border-radius: 8px;Float:left;color:#999999"
onFocus="if(value==defaultValue){value='';this.style.color='#000'}"
onBlur="if(!value){value=defaultValue;this.style.color='#999'}"/>
效果:
鼠标点击灰色提示消失