ajaxControlToolkit---TextBoxWatermarkExtender的简单用法

最新推荐文章于 2023-03-09 20:48:41 发布

y63964632

最新推荐文章于 2023-03-09 20:48:41 发布

阅读量1.1k

点赞数

分类专栏： ASP.NET AjaxControlToolkit控件学习笔记 ASP.NET AJAX入门文章标签： textbox server 扩展 c#

本文链接：https://blog.csdn.net/y63964632/article/details/3304746

版权

ASP.NET AJAX入门同时被 3 个专栏收录

15 篇文章 0 订阅

订阅专栏

ASP.NET

11 篇文章 0 订阅

订阅专栏

AjaxControlToolkit控件学习笔记

10 篇文章 0 订阅

订阅专栏

这些控件用法都很简单，偶然发现了这个控件挺好玩儿，就在项目中用了，挺有意思的~

TextBoxWatermarkExtender,Watermark 水印的意思吧作用是给TextBox控件添加个类似浮雕水印的功能，并提醒输入的内容

关键属性：

1，TargetControlID 扩展对象TextBox的 ID

2, WatermarkCssClass 扩展层样式设置（控制的TextBox的样式，当textbox获得焦点，样式消失）

3，WatermarkText 水印上的文字，可以提醒用户这里需要输入的内容

下面是简单代码：

 
  <%@ Page Language="C#" AutoEventWireup="true" CodeFile="BuMenTest.aspx.cs" Inherits="BuMenTest" %>
<%@ Register Assembly="WebControlLibrary" Namespace="WebControlLibrary" TagPrefix="ph" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
    <style type="text/css">
            .watermark{
            height:20px;
            width:150px;
            padding:2px 0 0 2px;
            border:1px solid #BEBEBE;
            background-color:#F0F8FF;
            color:gray;
        }    
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager> 
        <asp:TextBox ID="TextBox1" runat="server" Width="337px"></asp:TextBox>
       <!--ScriptManager是必须的，下面设置主要的几个属性，targetControlID,WartermarkCssClass,WartermarkText-->
        <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server" TargetControlID="TextBox1" WatermarkCssClass="watermark" WatermarkText="请输入名字">
        </cc1:TextBoxWatermarkExtender>
        
    </form>
</body>
</html>
 
 

其他属性事件回头详细研究下~

y63964632

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ajaxControlToolkit---TextBoxWatermarkExtender的简单用法

这些控件用法都很简单，偶然发现了这个控件挺好玩儿，就在项目中用了，挺有意思的~TextBoxWatermarkExtender,Watermark 水印的意思吧作用是给TextBox控件添加个类似浮雕水印的功能，并提醒输入的内容关键属性： 1，TargetControlID 扩展对象TextBox的 ID 2, WatermarkCssClass 扩展层样式设置（控制的TextBox的
复制链接

扫一扫