This article will show you how you can create a textbox with
watermark inside an asp.net textbox control by using ajaxcontroltoolkit
TextBoxWatermarkExtender.
Some of my previous articles are as follows: Ajax
FileUpload Control In Asp.Net or Multiple FileUpload With Progress Example in
Asp.Net Using C#.Net, Ajax
Call Using UpdatePanel Display Data On Button Click Without Refresh In Asp.Net,
C#, Display
ModalPopupExtender on Page Load In Asp.Net Using AjaxControlToolkit, C#.Net,
Dragable
ModalPopupExtender In Asp.Net Using AjaxControlToolkit, CalendarExtender
Example With Custom Style By Css Uaing Asp.net and Css, AjaxControlToolkit
CalendarExtender to Display Calendar in Asp.net on Textbox Click, Execute
Or Open ModalPopupExtender as MessageBox From Code Behind Using C#.Net In
Asp.Net, AjaxControlToolkit
ModalPopupExtender With AutoCompleteExtender In Asp.Net Using C#.Net.
So for this article first we will create a new asp.net
application and add the TextBoxWatermarkExtender in form and add some textbox control.
After this your page code will look as shown below.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="WebApplication2.WebForm4"
%>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit"
TagPrefix="cc1"
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Watermark
In Asp.Net TextBox </title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
</div>
Name :
<asp:TextBox ID="txtName" runat="server" Width="264px"></asp:TextBox>
<br />
<br />
Address :
<asp:TextBox ID="txtAddress" runat="server" Width="264px"></asp:TextBox>
<cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server"
TargetControlID="txtName"
WatermarkText="Please enter name">
</cc1:TextBoxWatermarkExtender>
<cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender2" runat="server"
TargetControlID="txtAddress"
WatermarkText="Please enter address">
</cc1:TextBoxWatermarkExtender>
</form>
</body>
</html>
|
In above code I have assigned TargetControlID, WatermarkText
and this two settings will allow to display the watermark inside the textbox.
About the Author
0 comments:
Please let me know your view