AJAX Control Toolkit——TextBoxWatermarkExtender(文本框提示效果)
2011-08-01 23:45
429 查看
该控件的效果就是在TextBox控件上添加“水印”效果,也就是当TextBox为空时,显示提示消息,当然你还可以为“水印”自定义CSS效果,一旦TextBox聚焦,样式就消失。
TextBoxWatermarkExtender
——TargetControlID,要添加效果的TextBox控件ID
——WatermarkText,当控件没有赋值时的提示文本
——WatermarkCssClass,应用于WatermarkText的样式
示例代码:(from Microsoft)
添加简单CSS:
TextBoxWatermarkExtender
——TargetControlID,要添加效果的TextBox控件ID
——WatermarkText,当控件没有赋值时的提示文本
——WatermarkCssClass,应用于WatermarkText的样式
示例代码:(from Microsoft)
<asp:ScriptManager ID="ScriptManager1" runat="server" /> <div> <br /> <asp:TextBox ID="TextBox1" runat="server" Width="289px"></asp:TextBox> <br /> <br /> <asp:TextBox ID="TextBox2" runat="server" Width="289px"></asp:TextBox><br /> <br /> <asp:Button ID="Button1" runat="server" Text="Button" /><br /> <br /> <br /> <asp:TextBox ID="TextBox3" runat="server" Width="289px"></asp:TextBox><br /> <br /> <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" TargetControlID="TextBox1" WatermarkCssClass="watermark" WatermarkText="Please enter a phone number (999) 000-1111"> </ajaxToolkit:TextBoxWatermarkExtender> <br /> <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender2" runat="server" TargetControlID="TextBox2" WatermarkCssClass="watermark" WatermarkText="Enter anything"> </ajaxToolkit:TextBoxWatermarkExtender> </div>
添加简单CSS:
.watermark { background: #FFAAFF; }
相关文章推荐
- 【经验分享】Ajax Control ToolKit 实战之三 : 确认提示框的应用 (ConfirmButtonExtender)
- 轻松Ajax.net实例教程13_TextBoxWatermarkExtender(按AjaxControlToolkit字母排序)
- AJAX ControlToolkit学习日志-TextBoxWatermarkExtender(28)
- asp.net ajaxControlToolkit FilteredTextBoxExtender的简单用法
- AjaxControlToolkit 微软出的ajax.net 工具使用教程十一 FilteredTextBoxExtender(筛选) 控件的使用
- AJAX ControlToolkit学习日志——TextBoxWatermarkExtender
- Ajax Toolkit Control ——CollapsiblePanelExtender(隐藏&显示效果)
- AjaxToolKit学习笔记 之 TextBoxWatermark
- AjaxControlToolkit 微软出的ajax.net 工具使用教程十六 TextBoxWatermarkExtender(水印) 控件的使用
- AjaxControlToolKit ----ConfirmButtonExtender (确认提示框按钮扩展)的简单使用方法
- [转]轻松掌握Ajax.net系列教程五:使用TextBoxWatermarkExtender
- UpdatePanel中GridView的分页问题 GridView中的超链接 (输入一半带提示功能)ASP.NET AJAX Control Toolkit 新扩展特性:AutoCompleteExtender
- AJAX Control Toolkit ——FilteredTextBoxExtender(文本过滤)
- AJAX ControlToolkit学习日志-FilteredTextBoxExtender(12)
- Ajax Control Toolkit——AlwaysVisibleControlExtender(悬浮效果)
- ajaxControlToolkit---TextBoxWatermarkExtender的简单用法
- 定制AjaxControlToolkit(1):使一个CalendarExtender对应N个TextBox
- AjaxControlToolkit 微软出的ajax.net 工具使用教程二十 AutoCompleteExtender(自动提示)控件的使用
- ajaxControlToolkit---FilteredTextBoxExtender的简单用法