Ajax Toolkit 控件学习系列(3) ——TextBoxWatermarkExtender

　　TextBoxWatermarkExtender这个控件是对一个TextBox进行控制的，可以设置起Css改变样式。比如开始的时候是一个样子，输入之后由一个样子。数据之前，属性控制默认的值，当光标点击输入的时候，开始显示的内容消失，进行你的文本输入。本例中使用2个TextBox用于对比使用。

　　不罗嗦，还是先看效果。

　　


　　开始，提示输入用户名。



　　当鼠标点击之后，提示信息没有了。可以自由输入。



　　完成输入，弹出窗口。

　　TextBoxWatermarkExtender 有两个必要的属性，就是TargetControlID，不用说，控制的是TextBox的ID。而WatermarkText是控制的提示信息。

　　我们还可以通过WatermarkCssClass来控制TextBox的样式。输入之后会消失。

　　后台没有代码，前台代码如下所示：　　

　　

<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="sm" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="updatePanel1" runat="server">
<ContentTemplate>
<asp:TextBox ID="tb_username" runat="server" Text=""></asp:TextBox>
<ajax:TextBoxWatermarkExtender ID="tbwe_username" runat="server" TargetControlID="tb_username"
WatermarkText="Input your username

." WatermarkCssClass="textbox">
</ajax:TextBoxWatermarkExtender>
<br />
<asp:TextBox ID="tb_psd" runat="server" Text="" TextMode="Password"></asp:TextBox>
<br />
<asp:Button ID="btn_login" runat="server" Text="login" />
<ajax:ConfirmButtonExtender ID="cbe_btn" runat="server" TargetControlID="btn_login"
ConfirmText="Welcome!!">
</ajax:ConfirmButtonExtender>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</form>