textarea 嵌套 textarea

W3C 对 textarea 标签的定义：（参阅）

<textarea> 标签定义多行的文本输入控件，

文本区中可容纳无限数量的文本。


所以，一般情况下，textarea 里面是不再嵌套其他标签的。


当 textarea 嵌套 textarea 的时候，最开始的那个＜textarea＞会以在它下面的第一次出现的＜/textarea＞作为它的闭合标签，不再去理会该闭合标签后面的代码，这样就会导致页面原本的样式混乱了。



错误用法：

<textarea><!-- 最外层textarea -->

    <textarea></textarea><!-- 内嵌的textarea -->
    ＜input type="button" value="这个button会跑到最外层textarea外面" />

</textarea>

误导我的解决方案：（使用html字符实体）

<textarea><!-- 最外层textarea -->

    &lt;textarea&gt;&lt;/textarea&gt;<!-- 内嵌的textarea -->

</textarea>

之所以出现上述误导我的解决方案，是因为曾在一个项目里面使用了一个 TrimPath Template 的页面模板引擎，

而这个模板引擎本身使用了一个隐藏的textarea作为模板，（我估计）后来作者也发现了textarea嵌套textarea的问

题，在 TrimPath Template 的源码里发现了这一行：

content = content.replace(/&lt;/g, "<").replace(/&gt;/g, ">");

算是作为补救方案吧。

上述误导人的解决方案，只能使用于 TrimPath Template 的项目里，对于正常的html页面textarea套textarea，还是没有办法的。 

TrimPath Template 开源项目地址：http://code.google.com/p/trimpath