文本框中的灰色提示

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'}"/>

效果：

鼠标点击灰色提示消失