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

推荐订阅源

博客园 - 三生石上(FineUI控件)
J
Java Code Geeks
Apple Machine Learning Research
Apple Machine Learning Research
Jina AI
Jina AI
博客园_首页
C
Check Point Blog
小众软件
小众软件
博客园 - 叶小钗
Blog — PlanetScale
Blog — PlanetScale
Engineering at Meta
Engineering at Meta
美团技术团队
Martin Fowler
Martin Fowler
Vercel News
Vercel News
D
Docker
罗磊的独立博客
B
Blog RSS Feed
The Cloudflare Blog
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
酷 壳 – CoolShell
酷 壳 – CoolShell
博客园 - 聂微东
Last Week in AI
Last Week in AI
T
Tailwind CSS Blog
雷峰网
雷峰网
博客园 - Franky

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

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

    }