The effect of this control is to add the "watermark" effect to the Textbox Control, that is, when the textbox is empty, a prompt message is displayed. Of course, you can also customize the CSS effect for the "watermark, once textbox is focused, the style disappears.
Textboxwatermarkextender
-- Targetcontrolid: ID of the Textbox Control to add an effect
-- Watermarktext: the prompt text when the control has no value assignment
-- Watermarkcssclass, applied to the watermarktext Style
ExampleCode:(From Microsoft)
1 < ASP: scriptmanager ID = "Scriptmanager1" Runat = "Server" />
2 < Div >
3 < BR />
4 < ASP: textbox ID = "Textbox1" Runat = "Server" Width = "289px" > </ ASP: textbox >
5 < BR />
6 < BR />
7 < ASP: textbox ID = "Textbox2" Runat = "Server" Width = "289px" > </ ASP: textbox > < BR />
8 < BR />
9 < ASP: button ID = "Button1" Runat = "Server" Text = "Button" /> < BR />
10 < BR />
11 < BR />
12 < ASP: textbox ID = "Textbox3" Runat = "Server" Width = "289px" > </ ASP: textbox > < BR />
13 < BR />
14 < Ajaxtoolkit: textboxwatermarkextender ID = "Textboxwatermarkextender1" Runat = "Server"
15 Targetcontrolid = "Textbox1" Watermarkcssclass = "Watermark" Watermarktext = "Please enter a phone number (999) 000-1111" >
16 </ Ajaxtoolkit: textboxwatermarkextender >
17 < BR />
18 < Ajaxtoolkit: textboxwatermarkextender ID = "Textboxwatermarkextender2" Runat = "Server"
19 Targetcontrolid = "Textbox2" Watermarkcssclass = "Watermark" Watermarktext = "Enter anything" >
20 </ Ajaxtoolkit: textboxwatermarkextender >
21 </ Div >
Add simple CSS:
. Watermark
{
Background:# Ffaaff;
}