Ajax Watermark extender example in asp.net or How to use ajax Watermark Extender in asp.net.

How to use ajax watermark extender in asp.net or ajax watermark extender example in asp.net

Demo:

watermark extender example

Introduction:

In this Example Iam Going to Explain  how to use Ajax textbox watermark extender Control in asp.net.

 

Description:

TextBoxWatermark is an ASP.NET AJAX extender that can be attached to an ASP.NET TextBox control to get "watermark" behavior. When a watermarked TextBox is empty, it displays a message to the user with a custom CSS style. Once the user has typed some text into the TextBox, the watermarked appearance goes away. The typical purpose of a watermark is to provide more information to the user about the TextBox itself without cluttering up the rest of the page.

 When Ever You Want to Use  Ajax Controls in your website First you need Add
AjaxControlToolkit reference to your application.

<%@ Register Namespace="AjaxControlToolkit" Assembly="AjaxControlToolkit" tagPrefix="ajax" %>

 You can Change TagPrefix Also,Some Exaples tagPrefix="ajax", tagPrefix="cc1",tagPrefix="asp"
And also you have to add Tool kit Scriptmanager Control under <Form> tag:

<ajax:ToolkitScriptManager ID="toolkit1" runat="server"></ajax:ToolkitScriptManager>

Your aspx page:


<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">
    </asp:ToolkitScriptManager>
    <div>
        <asp:Label ID="Label1" runat="server" Text="First Name"></asp:Label>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        <asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" 
         TargetControlID="TextBox1" WatermarkText="Type First Name Here">
        </asp:TextBoxWatermarkExtender>
    </div>
    </form>
</body>
</html>