Asp.Net Ajax---TextBoxWateramrk控件使用

簡介

TextBoxWatermark控件是一個用于TextBox的水印控件,就是在文本框輸入文字之前,文本框中有一些提示性的文字,并可以自定義css控制它的樣式,實際用處我感覺不是很大,但給使用者帶來了操作上的友善,也有很好的視覺效果.

重要屬性

• TargetControlID:要應用水印效果的文本框的ID
• WatermarkText:水印效果的提示文本
• WatermarkCssClass:水印效果所采用的CSS樣式

示例

1 打開vs2005建立一個AjaxControlToolKit網站,命名為oec2003_TextBoxWatermark

2 打開預設的Default.aspx頁,切換到設計視圖

3 添加兩個文本框和兩個TextBoxWatermark控件,如下圖

4 切換到代碼視圖,設定TextBoxWatermark控件的屬性,代碼如下

<ajaxtoolkit:textboxwatermarkextender id="TextBoxWatermarkExtender1" runat="server"
    targetcontrolid="TextBox2" watermarktext="請輸入使用者名" watermarkcssclass="water1">
    </ajaxtoolkit:textboxwatermarkextender>

<ajaxtoolkit:textboxwatermarkextender id="TextBoxWatermarkExtender2" runat="server"
    watermarktext="請輸入密碼" targetcontrolid="TextBox1" watermarkcssclass="water2">
    </ajaxtoolkit:textboxwatermarkextender>      

<style type="text/css">
 .water1
 {
     height:20px;
     width:150px;
     padding:2px 0 0 2px;
     border:1px solid #BEBEBE;
     background-color:#F0F8FF;
     color:red;
}

.water2
{
    height:20px;
    width:150px;
    border:1px none #ffffcc;
    background-color:#ccccff;
    color:green;
}
</style>