zoukankan      html  css  js  c++  java
  • 使用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则让你用最快的速度,达到你想要的效果。

  • 相关阅读:
    4、java变量、函数、基本类型的值传递、分支、循环、流程控制
    mysql-数据库维护
    mysql-安全管理
    mysql-管理事务
    mysql-触发器
    mysql-游标
    mysql-过程与函数
    ViewPager 带动画的欢迎界面
    Pull to RefreshListView 添加HeaderView
    解决 listView gridView 与ScrollView嵌套时的冲突
  • 原文地址:https://www.cnblogs.com/homezzm/p/1610024.html
Copyright © 2011-2022 走看看