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

推荐订阅源

J
Java Code Geeks
H
Hackread – Cybersecurity News, Data Breaches, AI and More
Blog — PlanetScale
Blog — PlanetScale
G
Google Developers Blog
Microsoft Security Blog
Microsoft Security Blog
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
腾讯CDC
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
Jina AI
Jina AI
雷峰网
雷峰网
T
Tailwind CSS Blog
爱范儿
爱范儿
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
酷 壳 – CoolShell
酷 壳 – CoolShell
大猫的无限游戏
大猫的无限游戏
月光博客
月光博客
博客园 - 司徒正美
I
InfoQ
Engineering at Meta
Engineering at Meta
Vercel News
Vercel News
小众软件
小众软件
U
Unit 42
Google DeepMind News
Google DeepMind News
D
DataBreaches.Net

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

让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';}");
        }

    }