• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
聞道有先后,术业有专攻
习惯成自然
博客园    首页    新随笔    联系   管理    订阅  订阅

5.TextBoxWatermarkExtender

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

posted @ 2008-11-14 14:28  张立余  阅读(208)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3