asp.netAjax--TextBoxWateramrk控件使用
来源:互联网 发布:超级舰队安卓扫矿软件 编辑:程序博客网 时间:2024/05/29 17:29
简介
TextBoxWatermark控件是一个用于TextBox的水印控件,就是在文本框输入文字之前,文本框中有一些提示性的文字,并可以自定义css控制它的样式,实际用处我感觉不是很大,但给用户带来了操作上的方便,也有很好的视觉效果.
重要属性
TargetControlID:要应用水印效果的文本框的ID
WatermarkText:水印效果的提示文本
WatermarkCssClass:水印效果所采用的CSS样式
示例
1 打开vs2005创建一个AjaxControlToolKit网站,命名为oec2003_TextBoxWatermark
2 打开默认的Default.aspx页,切换到设计视图
3 添加两个文本框和两个TextBoxWatermark控件,如下图
4 切换到代码视图,设置TextBoxWatermark控件的属性,代码如下
5 添加css 如下
这儿只是简单地写了点css ,大家也可以通过css写出很漂亮的水印
保存设计,运行程序就能看到效果,当鼠标点击文本框时水印消失,文本框中出现光标,鼠标离开后,水印再次出现.
TextBoxWatermark控件是一个用于TextBox的水印控件,就是在文本框输入文字之前,文本框中有一些提示性的文字,并可以自定义css控制它的样式,实际用处我感觉不是很大,但给用户带来了操作上的方便,也有很好的视觉效果.
重要属性
TargetControlID:要应用水印效果的文本框的ID
WatermarkText:水印效果的提示文本
WatermarkCssClass:水印效果所采用的CSS样式
示例
1 打开vs2005创建一个AjaxControlToolKit网站,命名为oec2003_TextBoxWatermark
2 打开默认的Default.aspx页,切换到设计视图
3 添加两个文本框和两个TextBoxWatermark控件,如下图
4 切换到代码视图,设置TextBoxWatermark控件的属性,代码如下
1 <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" TargetControlID="TextBox2" WatermarkText="请输入用户名" WatermarkCssClass="water1">
2 </ajaxToolkit:TextBoxWatermarkExtender>
3
4 </div>
5 <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender2" runat="server" WatermarkText="请输入密码" TargetControlID="TextBox1" WatermarkCssClass="water2">
6 </ajaxToolkit:TextBoxWatermarkExtender>
2 </ajaxToolkit:TextBoxWatermarkExtender>
3
4 </div>
5 <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender2" runat="server" WatermarkText="请输入密码" TargetControlID="TextBox1" WatermarkCssClass="water2">
6 </ajaxToolkit:TextBoxWatermarkExtender>
5 添加css 如下
1<style type="text/css">
2 .water1
3 {}{
4 height:20px;
5 width:150px;
6 padding:2px 0 0 2px;
7 border:1px solid #BEBEBE;
8 background-color:#F0F8FF;
9 color:red;
10 }
11
12 .water2
13 {}{
14 height:20px;
15 width:150px;
16 border:1px none #ffffcc;
17 background-color:#ccccff;
18 color:green;
19 }
20 </style>
2 .water1
3 {}{
4 height:20px;
5 width:150px;
6 padding:2px 0 0 2px;
7 border:1px solid #BEBEBE;
8 background-color:#F0F8FF;
9 color:red;
10 }
11
12 .water2
13 {}{
14 height:20px;
15 width:150px;
16 border:1px none #ffffcc;
17 background-color:#ccccff;
18 color:green;
19 }
20 </style>
这儿只是简单地写了点css ,大家也可以通过css写出很漂亮的水印
保存设计,运行程序就能看到效果,当鼠标点击文本框时水印消失,文本框中出现光标,鼠标离开后,水印再次出现.
- asp.netAjax--TextBoxWateramrk控件使用
- asp.netAjax--FilteredTextBox控件使用
- asp.netajax功能强大的UpdatePanel控件
- 在PHP中使用ASP.NETAJAX
- asp.netajax使用updatepanel进行更新后的提示
- ASP.NETAJAX解决网页打开等待问题
- AjaxPro.net 做asp.netAjax效果实例以及错误分析。
- AjaxPro.net 做asp.netAjax效果实例以及错误分析(转载)
- ASP.NET使用GridView控件、DetailsView控件
- ASP.NETAdRotator控件使用 - asp.net 教程-
- ASP.NETAdRotator控件使用 - asp.net 教程-
- ASP.NETAdRotator控件使用 - asp.net 教程-
- asp。net使用登录控件
- asp.net控件使用大全
- DevExpress Asp.net控件使用
- asp.net控件的使用
- asp.net 使用登录控件
- asp.net控件的使用
- AjaxControlToolkit安装&下载
- 几个时间的C函数
- 基于微软ASP.NET AJAX框架开发幻灯片播放网页
- asp.net Ajax ---AutoComplete控件使用
- asp.netAjax--FilteredTextBox控件使用
- asp.netAjax--TextBoxWateramrk控件使用
- 一位网络工程师的终告
- 写给大家的
- asp.net Ajax--Passwordstrength控件使用
- 在.net下使用fileupload控件上传文件权限设置
- 重要的不是仇富,而是笑贫
- 程序员网站资源宝库(转贴)
- asp.net Ajax--ValidatorCallout控件使用
- asp.net Ajax--HoverMenu控件使用