Adding Watermark to textbox can be done in two ways:
1) Using Ajax Toolkit:
<asp:TextBox runat="server" id="txtname"/><ajaxToolkit:TextBoxWatermarkExtender ID="TBWE2" runat="server"
TargetControlID="TextBox1"
WatermarkText="Type First Name Here"
WatermarkCssClass="watermarked" />
For more information on Ajax Toolkit please visit:
http://www.asp.net/ajax/
2) Using Javascript:
<asp:TextBox ID=”txtname” runat=”server” Text = “Please Enter your Name here”
onblur = “TextboxWaterMark(this, event);”
onfocus = “TextboxWaterMark(this, event);”>
</asp:TextBox>
<script type = “text/javascript”>
var Text = “Please Enter your text here”;//black
function TextboxWaterMark(txtid, evnt)
{
if(txtid.value.length == 0 && evnt.type == “blur”)
{
txtid.style.color = “set the color you want”;//red
txtid.value = Text;
}
if(txtid.value == Text && evnt.type == “focus”)
{
txtid.style.color = “set the color you want”;
txtid.value=”";
}
}
</script>
To use in code behind :
txtname.Attributes.Add(”onblur”, “TextboxWaterMark(this, event);”);
txtname.Attributes.Add(”onfocus”, “TextboxWaterMark(this, event);”);
0 comments:
Post a Comment