给input文本框添加灰色提示文字

<td>
<div align="right">
用户ID：
</div>
</td>
<td>
<div align="left">
  
<input type="text" name="userid" id="userid" value="8位数字前4位为部门编号" onfocus="TextOnFocusShow(this.id);" onblur="TextOnBlurShow(this.id);" style="color:#999999"/>
</div>
</td>

// 文本框清空灰色提示
function TextOnFocusShow(showId)
{
var showIdTextValue = document.getElementById(showId).value;
var showIdTextDeValue = document.getElementById(showId).defaultValue;// text初始设置
if(showIdTextValue == showIdTextDeValue)
{
document.getElementById(showId).value = "";
document.getElementById(showId).style.color='#000';
}
}
// 文本框为空时增加灰色提示
function TextOnBlurShow(showId)
{
var lDateValue = document.getElementById(showId).value;
var lDateDefaultValue = document.getElementById(showId).defaultValue;
if(lDateValue == '')
{
document.getElementById(showId).value = lDateDefaultValue;
document.getElementById(showId).style.color='#999';
}
}