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>