How to create AJAX WatermarkExtender in ASP.NET?
In this article I have explained in detail about AJAX water mark concept in ASP.NET. For example if we cannot enter any text in the text box we can show some default text in the text box like enter user name etc. For that kind of situation we can use AJAX water mark concept in the ASP.NET. Read and learn how to create AJAX WatermarkExtender in ASP.NET?
Learn how to create AJAX WatermarkExtender in ASP.NET?
Client side:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!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>AJAX Water Mark Example</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ToolkitScriptManager ID="ToolkitScriptManager2" runat="server">
</asp:ToolkitScriptManager>
<asp:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" WatermarkText="Enter your name here !"
TargetControlID="txtName">
</asp:TextBoxWatermarkExtender>
<table width="600" cellpadding="0" cellspacing="0" align="center">
<tr>
<td height="100" align="center">
<asp:RequiredFieldValidator ID="reqname" runat="server" ErrorMessage="Enter Name"
ControlToValidate="txtName"></asp:RequiredFieldValidator><br />
<br />
<br />
Enter Your Name :
<asp:TextBox ID="txtName" runat="server"></asp:TextBox><br />
</td>
</tr>
<tr>
<td align="center" height="50">
<asp:Button ID="btnSubmit" runat="server" Text="Submit" />
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
Output
Source Code Detail:
Here with I have attached source code of AJAX watermark example download and try to learn this concept.
Front End : ASP.NET
Conclusion:
I hope this article help to know Ajax watermarkextender.
Good Job!!!
Full Marks!!!