功能:
       可以让TextBox控件初始化的时候拥有水印文字。
属性:
    TargetControlID :要使用具有水印效果的TextBox控件ID。
    WatermarkCssClass :指定水印文字的CSS样式表。
    WatermarkText :显示在TextBox控件的水印文字内容。

代码实例:

<asp:Panel ID="panIntTemp" runat="server" GroupingText="新增资料">
<table>
<tr>
<td>
姓名:
</td>
<td>
<asp:TextBox ID="txtIntName" runat="server"></asp:TextBox>
<ajaxToolkit:TextBoxWatermarkExtender ID="tbweTxtIntName" runat="server" TargetControlID="txtIntName"
WatermarkCssClass="watermarked" WatermarkText="请在此处输入姓名">
</ajaxToolkit:TextBoxWatermarkExtender>
</td>
<td>
性别:
</td>
<td>
<asp:TextBox ID="txtIntGender" runat="server"></asp:TextBox>
<ajaxToolkit:TextBoxWatermarkExtender ID="tbweTxtIntGender" runat="server" TargetControlID="txtIntGender"
WatermarkText="请在此处输入性别">
</ajaxToolkit:TextBoxWatermarkExtender>
</td>
<tr>
<td>
出生日期:
</td>
<td>
<asp:TextBox ID="txtIntBirthday" runat="server"></asp:TextBox>
<ajaxToolkit:TextBoxWatermarkExtender ID="tbweTxtIntBirthday" runat="server" TargetControlID="txtIntBirthday"
WatermarkCssClass="watermarked" WatermarkText="YYYYMMDD">
</ajaxToolkit:TextBoxWatermarkExtender>
</td>
<td>
家庭住址:
</td>
<td>
<asp:TextBox ID="txtIntAddress" runat="server"></asp:TextBox>
<ajaxToolkit:TextBoxWatermarkExtender ID="tbweTxtIntAddress" runat="server" TargetControlID="txtIntAddress"
WatermarkText="请在此处输入家庭住址">
</ajaxToolkit:TextBoxWatermarkExtender>
</td>
</tr>
</table>
</asp:Panel>

运行效果图:

姓名和出生日期是指定了水印文字的CSS样式表显示的效果。这在实际编程中非常实用。

如下:

结束:

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

AJAX 控件集之TextBoxWatermark(水印文本框)控件的更多相关文章

  1. wxpython 支持python语法高亮的自定义文本框控件的代码

    在研发闲暇时间,把开发过程中比较重要的一些代码做个珍藏,下面的代码内容是关于wxpython 支持python语法高亮的自定义文本框控件的代码,应该是对大家也有用. import keywordimp ...

  2. 『Asp.Net 组件』第一个 Asp.Net 服务器组件:自己的文本框控件

    代码: using System.Web; using System.Web.UI; using System.Web.UI.WebControls; namespace DemoWebControl ...

  3. 继承的文本框控件怎么响应EN_CHANGE等消息

    继承的文本框控件如何响应EN_CHANGE等消息?我从CEdit继承了一个CMyEdit类,想在这个类里填写它的一些消息.我在消息映射表里写的是MESSAGE_HANDLER(EN_CHANGE, O ...

  4. Tag It 一款 Jquery控件,当你在文本框中输入逗号时,自动帮你分隔开相关内容

    Demo地址:http://webspirited.com/tagit/ 使用方法: 除了JQuery脚本外,下面的脚本也是必须的,这些脚本你都可以去GitHub下载:https://github.c ...

  5. Delphi 如何操作外部程序的控件(如按钮,文本框,单选按钮等)

    看你要做什么,比较现在网络很流行的QQ.MSN这些软件都屏蔽了,你可能还可以访问一些小软件的这些控制,思路及方案如下(API函数自己去百度查一下)1.得到你要这个窗口的句柄 使用FindWindow2 ...

  6. jquery cleditor 光标经常点不进去问题解决方法 bootstrap 富文本框 控件

    cleditor 光标点不进去,原因是内嵌的html代码段 body没有赋值默认高度. 解决方法1.赋值options.bodyStyle  设置min-height值.缺点:不能跟随设备更新最低高度 ...

  7. 文本框控件JTextField和JTextArea的使用

    -----------------siwuxie095                             工程名:TestUI 包名:com.siwuxie095.ui 类名:TestTextF ...

  8. [Ext.Net]动态生成控件(二)--js动态添加文本框

    转自:http://www.ext.net.cn/forum.php?mod=viewthread&tid=11931 点击一个按钮就出现一行控件,点击删除控件就可将一行控件删除,这是不是你一 ...

  9. Ajax - 异步处理(点击变成文本框并修改)

    效果: 对应的文档结构: Test.aspx 前台代码: 引入JQuery(jquery-1.8.3.min.js). 引入自己所写的JS代码(UserJS.js). <html xmlns=& ...

随机推荐

  1. java文件读写的两种方式

    今天搞了下java文件的读写,自己也总结了一下,但是不全,只有两种方式,先直接看代码: public static void main(String[] args) throws IOExceptio ...

  2. iOS_SN_Xcode内存泄露调试

    用Xcode进行内存调试有两种方法: 1.静态方法 2.动态方法 静态方法是直接在Xcode的菜单栏中选择product-->analyze 如截图所示. 之后会看到Xcode的编译状态上会有如 ...

  3. javascript取消disabled属性

    jQuery: $("#ID").attr("disabled",false);

  4. photoSlider-html5原生js移动开发轮播图-相册滑动插件

    简单的移动端图片滑动切换浏览插件 分别引用css文件和js文件 如: <link rel="stylesheet" type="text/css" hre ...

  5. 基于cygwin构建u-boot(三)make错误忽视

    接上文,修改gcc 的-std标准后,.depend文件处理仍然出现了错误: 五.错误:make中命令报错(sed找不到需要的文件) 错误告警如下: make -C examples/api all ...

  6. Asp.Net MVC3.0 Partial RenderPartial Action RenderAction 区别和用法

    本人写的博文不多,专业知识不强,以下纯属于个人笔记.如有不对,还请各路大拿,拍砖指导,谢谢! 区别: 1.Partial 与 RenderPartial 两个方法性质基本一样,只是把一个静态用户控件给 ...

  7. 观《Terminal》之感

    读书笔记系列链接地址http://www.cnblogs.com/shoufengwei/p/5714661.html.        经人推荐,用了几天时间欣赏了这部斯皮尔伯格导演的电影<Te ...

  8. java基础总结——数组

    数组需要掌握的: 1.数组的定义 2.数组的内存分配及特点 3.数组操作常见问题 4.数组常见操作 5.数组中的数组(理解) 数组唯一属性:length,即数组的长度. 1.数组定义 格式一: 元素类 ...

  9. 在fedora 20下使用ssh server

    在红帽和centos下,一般安装完后会自带ssh,然后可以通过/etc/init.d/sshd start的方式运行,但是在Fedora 20下,系统改用了另外一套服务开启机制. 首先安装ssh se ...

  10. 配置wamp环境使得在命令行下也能执行socket扩展

    首先在apache中开启socket扩展 php环境安装目录\bin\apache\apache2.2.17\bin\php.ini 去掉前面的';'   extension=php_sockets. ...