惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

D
DataBreaches.Net
罗磊的独立博客
雷峰网
雷峰网
量子位
V
Visual Studio Blog
Vercel News
Vercel News
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
The Cloudflare Blog
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
宝玉的分享
宝玉的分享
月光博客
月光博客
Martin Fowler
Martin Fowler
aimingoo的专栏
aimingoo的专栏
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Microsoft Security Blog
Microsoft Security Blog
博客园 - 叶小钗
腾讯CDC
Engineering at Meta
Engineering at Meta
博客园 - Franky
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Y
Y Combinator Blog
Recent Announcements
Recent Announcements
Jina AI
Jina AI
A
About on SuperTechFans

博客园 - 花边软件,花边管理软件,服装(鞋)管理软件

让TextArea支持MaxLength的自定义文本框控件 让客户端js添加的Option也能保持在DropDownList 统一项目按钮外观 exe代替批处理文件添加注册表数据 自定义文本框控件,包含Name跟ID 系统权限设置 话说统一项目的Back(后退)控件 Css实现的颜色皮肤更换 sql注入 DataTable拷贝DataTable的数据 项目统一错误捕获 让每个页面的生命周期过程只产生一个Connection连接 一对多查询跟显示全路径Sql 多浏览器web开发界面的注意事项 - 花边软件,花边管理软件,服装(鞋)管理软件 - 博客园 如何将公共的JS变量跟方法集中放在同一个地方而且只加载一次 JS实现的HashTable类来记录删除的记录的ID跟Name 多语言站点 asp.net Web控件的设计时调试 正则表达式替换字符串 - 花边软件,花边管理软件,服装(鞋)管理软件 - 博客园
TextBoxWatermark文本框水印效果
花边软件,花边管理软件,服装(鞋)管理软件 · 2008-07-13 · via 博客园 - 花边软件,花边管理软件,服装(鞋)管理软件

实现文本框水印效果,主要有两方面的内容
1.文本框css效果
2.onfocus跟onblur的js处理
以下是源代码,请大家多多指教。
css:

unwatermarked {
    height
:18px;
    width
:148px;
}


.watermarked 
{
    height
:20px;
    width
:150px;
    padding
:2px 0 0 2px;
    border
:1px solid #BEBEBE;
    background-color
:#F0F8FF;
    color
:gray;
}

控件代码:

/// <summary>
    
/// 
    
/// </summary>

    public class TextBoxWatermark : TextBox
    
{
        
/// <summary>
        
/// 
        
/// </summary>

        public TextBoxWatermark()
            : 
base()
        
{
            
this.CssClass = "watermarked";
        }

        
/// <summary>
        
/// 
        
/// </summary>
        
/// <param name="writer"></param>

        protected override void AddAttributesToRender(System.Web.UI.HtmlTextWriter writer)
        
{
            
base.AddAttributesToRender(writer);
            writer.AddAttribute(
"HiddenText"this.Text);
            writer.AddAttribute(
"onfocus""if(this.value == this.HiddenText){this.value ='';this.className='unwatermarked';}");
            writer.AddAttribute(
"onblur""if(this.value == ''){this.value=this.HiddenText;this.className='watermarked';}");
        }

    }