用一个div模拟textarea的实现

<textarea> 标签定义多行的文本输入控件。文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。一般高度和宽度都是设置好的，如何用一个div来模拟textarea,让高度随着内容的增加自动增加呢？首先设置一个div元素

<div class="textarea" contenteditable="true"></div> 其中设置contenteditable属性，这个属性是设置元素是否内容可编辑，值true为可编辑，false为不可编辑，然后我们在来用给这个元素设置样式：

.textarea{
    width:300px;
    border:1px solid #ccc;
    max-height:300px;
    overflow: auto;
    font-size: 14px;
}

其中设置了最大的高度300px,没超过根据内容自动增长高度，超过的内容用滚动条浏览。这样一个基本的div模拟textarea就实现了，是不是很简单。