本来也写过类似这个小功能《js对输入框的字数限制》，但是今天有朋友说要个简单的貌似twitter微博输入的功能！所以写了一个。
基本的思路：当文本域获取焦点后，当键盘松开时，判断里面的字符是否为空，从而改变按钮的显示状态和文字的个数。
demo：http://www.css88.com/demo/textarea-num-chack/textarea-num-chack.html
=============2009年11月24日更新============
感谢各位的留言和测试，特别感谢Chaos提供的解决方案，灰灰关于粘贴的测试！
在以上两位的建议和测试下重新修改了一下源代码，主要文本框获得焦点时启动定时器，计算文本框的字数。
demo：http://www.css88.com/demo/textarea-num-chack/textarea-num-chack1.html
趁着小志的《css那些事儿》正火，引用一下标题，哈哈，傍大款。
全透明的png8可以在任一浏览器正常显示（就像gif一样）。
推荐两篇文章给大家：http://www.ued163.com/?p=640，http://www.ued163.com/?p=645
半透明的png8在除了ie6及其以下的浏览器下错误的显示成全透明，其它浏览器都能正常显示半透明。这个bug并不需要特殊对待，因为在不支持半透明的浏览器下只是显示为全透明，对用户体验影响不大，它反而是透明gif的加强版。
第二个bug没有什么好的方法解决，只能通过影响性能的方法AlphaImageLoader与需要加特殊标签（VML）。
其实这个问题根本就不用回答，这个可能跟每个人使用切图软件有关。
1.Photoshop
2.Fireworks
所以png24 Alpha透明或者png32 Alpha透明只是使用切图软件差别，在浏览器中Alpha透明的。表现是一致的。
目前ie6下的png24 Alpha透明还是png32 Alpha透明只能使用影响性能的AlphaImageLoader方法，即使很多人说的使用js其实也是使用了这个方法。
方法在css中使用：
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=布尔值(Boolean),src=’图片路径’,sizingMethod=’设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式’)；
关于本书在部分网站出现作者为：“蓝色经典”的说明：
这本书出现“蓝色经典”的原因是因为当时出版社考虑到小志曾经在蓝色理想的经典论坛担任过标准版的版主，所以增加了这个称谓，并非作者。
这本书是小志个人的作品，并非与他人合作完成，更不是是他人之作，而是小志个人用了半年多时间写的。—–本文第12楼作者小志的留言
《css那些事儿》官方QQ群：82991297
林小志出书了，《CSS那些事儿——掌握网页样式与CSS布局核心技术(含DVD光盘1张)》，在这篇文章里看上去像是我在这里帮他做推广，但是当你看完整篇文章或许你就不这么认为了。
首先我来说说我认识的小志，刚认识小志的时候是在2年前的css森林群，那时小志在群里说他一张图片切了97K，我是相对的“鄙视”他，为了更加充分的表示我的鄙视，我那段时间在群里就叫他“97K”，那时起我和小志就是“仇人”，我”鄙视”他，他恨我。当然至于他那97K的图片也是没办法的事，因为那张图片作为某网游网站的背景图片的。后来我为这是向他“道歉”，直到“道歉”后一年他才明确表示“原谅”我。哈哈。
小志html和css技术功底相当厉害，刚进css森林的时候，小志也教了很多，虽然有些问题不是我直接问的，但是从小志回答人家的问题中，确实我学了不少。小志回答问题一般不会直接告诉你解决方案，他会问你一些和这个问题相关的基础问题，让你知道你问的问题为什么会存在，怎么样解决很多时候要靠你自己去研究摸索？这里我要做一些特殊的说明。这种时候小志通常会被一些人误解，以为他装B，很多时候大家都只要解决方案，又有多少人会真正向小志这样真正的去研究这个为什么会产生这个问题呢？而且还是帮人解决问题！
其实小志是我认识的在群里回答问题最多的人。这点我远远比不上小志耐心，我一般很少回答人家的问题，因为我觉得在QQ上很难说清楚一些问题，所以我只写博客。也正是因为小志很乐意回答新人和网友的问题，所以我敬佩他。很多时候同一个问题他在这个群了回答了，那个群里他也回答了，甚至是css森林里同一个问题经常会在不同时间出现。
举个最直接的例子有这么一个问题：比如css中颜色值是大写好还是小写好，是缩写好还是全写好，是RGB好还是..?这个问题我见小志在群里至少回答了10次了。有一个词很好：不厌其烦。
小志出书了，内参其实很早就知道了，小志一直很低调，低调到不愿意人家知道他在写书。书名也很有意思《CSS那些事儿》，CSS的事很多，但是CSS最大的事就是CSS灵活的布局，这也是CSS的精髓所在。很多新人认为css主要用来美化页面的，什么文字颜色、大小，背景，边框等等的美化，甚至有人认为能解决css在浏览器间的兼容性就是牛人。这些都是一些基本的技能。当然css在表现上一直也在进步，包括css3的发布。同一个html结构能有40种不同的表现这要归功于css的布局。页面的基本结构展现这也要归功于css布局。
《CSS那些事儿——掌握网页样式与CSS布局核心技术(含DVD光盘1张)》这书很大一部分讲了css布局的，和其他书和作者不同的是没有css基础，很多经验都来自迅雷或腾讯的实际项目，侧重原理分析，拓展CSS布局的思维方式，了解到使用CSS布局的强大功能。全书以传达CSS布局思维为中心，通过页面中的文字、图片、表格、表单等常见元素的处理及各种页面布局方式的使用，使读者能深入了解到如何在页面中更好地运用CSS布局。尤其是在页面布局的部分中，全面分析了多种布局方式，着重分解了两列等高和三列等高的几种方式，并相应说明了等高布局的优缺点。
小志很“小气”至今没有表示会送签名书，他到现在也没拿到书，我准备自己去买一本，我已经3年没买css的书了，这次我决定买一本，一来自己学点小志的布局思想，二来表示支持一下小志。
昨天由于项目需要做一个iframe自动撑高的问题，结果碰到一个奇怪的问题，IE，safari，opera浏览器都支持的一个iframe自动撑高js代码，FF却不支持，更加奇怪的是同样的这段js代码，在以前的项目中也一直在用，打开老项目，FF也能运行，这就晕了。翻来覆去搞了几十遍，还是不行，彻底的崩溃，无果后睡觉，今天起来大早又高这个问题，突然想到了会不会是目录结构的问题，奇迹发生了，果然Firefox中iframe的src的目录有问题。
Firefox中iframe的src不能出现“../”向上层目录查找的文件的路径，经过服务器上测试后更加神奇的事情发生了，那就是在服务器上“../”向上层目录查找的文件的路径在FF中能正常执行，OMG。最后的结论是Firefox在本地iframe中的src不能出现“../”向上层目录查找的文件的路径，除非本地建站点。
看第一个demo：http://www.css88.com/demo/iframe/iframe/ff-iframe.html
这个就demo都正常的，但是你可以下载这个demo到本地，在ff中运行一下就知道这段js在不能运行了，firebug也调试不出是什么问题，我这里显示的是红色的乱码。晕翻。
注：该问题仅限这段JS，其他没有测试。
由于margin在浏览器中的BUG很多，有人强烈推荐尽量不要使用margin，而用padding！我很奇怪，我们在前端开发的时候，虽然他们很多时候可以随便用什么，但是很多时候我们不得不用margin。绝大多数的margin引起的BUG是可以解决。
今天有人问我一个margin叠加的问题。有些人喜欢把margin叠加归纳到BUG中去，有些却不这么认为，他们的理由是Firefox也有这个问题，所以不能叫bug。呵呵好像有点牵强。其实大家只要看看w3c的文档，w3c认为margin叠加是合理的。不管是不是bug，但是这个问题真的存在。看下面这个例子：
< !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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head><head>
<style type="text/css">
*{padding:0;margin:0;}
.box{background:#ccc; }
.content{background:#eee;margin: 20px auto;}
.an-box{ margin:50px auto;background:#999999;}
</style>
</head>
<body>
<div class="box">
<div class="content">margin: 20px auto</div>
<div class="content">margin: 20px auto</div>
</div>
<div class="box">
<div class="content">margin: 20px auto</div>
</div>
<div class="box">
<div class="content">margin: 20px auto</div>
</div>
<div class="an-box">margin: 50px auto</div>
</body>
</html>
