Go homepage(回首页)
Upload pictures (上传图片)
Write articles (发文字帖)

The author:(作者)delv
published in(发表于) 2014/1/27 6:52:11
轻松掌握Ajax.net系列教程五：使用TextBoxWatermarkExtender_[Asp.Net教程]

TextBoxWatermarkExtender是一个很简单的组件，它能为TextBox控件加上提示信息，方便你向用户作出相关的输入提示，而且不占用地方，不会影响布局。

第一步：建立网站，添加相关控件

我们拖进两个TextBox控件和一个TextBoxWatermarkExtender组件，一个使用TextBoxWatermarkExtender而另一个不用，方便大家作对比。

第二步：设置TextBoxWatermarkExtender的属性

设置TextBoxWatermarkExtender1的TargetControlD属性，选择"TextBox1"。然后回到TextBox1的属性窗口，设置Extenders中的WatermarkText属性和WatermarkCssClass属性。WatermarkText是输入你想要显示的语句，而WatermarkCssClass是当TextBox显示WatermarkText时所使用的Css样式。具体的样式请自己创建。

OK，运行！

输入内容之前，TextBox1会显示我所输入的提示信息，并套用了我指定的Css样式。

当输入内容后，TextBox1又变回和普通TextBox一样了。

结束：

本章主要介绍了TextBoxWatermarkExtender的用法。该组件的使用方法非常简单，无需编写任何代码即可使用。或者有些朋友会觉得，给TextBox设置一个默认值也能达到提示的作用。用默认值的方式只能设置简单的文字，不能设置提示语的样式，而且当输入内容然后再次清空后，该提示语就不能再次出现了，除非使用js辅助。而用TextBoxWatermarkExtender则让你用最快的速度，达到你想要的效果。

如要下载视频请打开如下地址：http://www.asp.net/learn/videos/view.aspx?tabid=63&id=83

赞