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>
5 添加css 如下
<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>
这儿只是简单地写了点css ,大家也可以通过css写出很漂亮的水印
保存设计,运行程序就能看到效果,当鼠标点击文本框时水印消失,文本框中出现光标,鼠标离开后,水印再次出现.
![](https://images.cnblogs.com/cnblogs_com/oec2003/219566/o_qrcode_for_gh_1a8c0bee3c6c_344.jpg)
微信公众号:不止dotNET
作者: oec2003
出处: http://oec2003.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则 保留追究法律责任的权利。
作者: oec2003
出处: http://oec2003.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接,否则 保留追究法律责任的权利。