Deploy watermarks and (blur and focus) events for TextBox

At a time, a watermark is decorated for the TextBox. It has two states: blur and focus. Therefore, we canJavascript writes two events:
Copy codeThe Code is as follows:
<Script type = "text/javascript">
Var watermarkText = "input name ";
Function WaterMarkOnBlur (textbox ){
If (textbox. value. length = 0 ){
Textbox. style. color = "gray ";
Textbox. value = watermarkText;
}
}
Function WaterMartOnfocus (textbox)
{
If (textbox. value = watermarkText ){
Textbox. style. color = "black ";
Textbox. value = "";
}
}
</Script>

Apply the two Javascript events in TextBox:
Copy codeThe Code is as follows:
<Asp: TextBox ID = "TextBox1" runat = "server" Text = "input name"
ForeColor = "Gray" onblur = "WaterMarkOnBlur (this );"
Onfocus = "WaterMartOnfocus (this);">
</Asp: TextBox>

Demo: