H5新增属性contenteditable（不用JS，实现div模拟textarea高度自增长）

无意中看到一篇博客介绍了contenteditable这个属性——不需用JS，只需在p里加上contenteditable="true"，即可实现p模拟textrarea（文本域），让textrarea的高度随内容的增加而自动增加。当时就惊呆了，居然还有这种操作！！！原文博客contenteditable属性介绍：

http://www.

w3school.com.cn/html5/a

tt_global_contenteditable.asp

---

下面是一个小demo，加了一些样式修饰，然后把文本域也加上了，方便对比。

ta charset="utf-8" /> 王尼玛 area name="" rows="10" cols="50">大头死变态area> 注：上面demo中，有一句代码 -webkit-user-modify: read-write-plaintext-only; 可能小伙伴们看着有点蒙。