无意中看到一篇博客介绍了contenteditable这个属性——不需用JS,只需在p里加上contenteditable="true",即可实现p模拟textrarea(文本域),让textrarea的高度随内容的增加而自动增加。当时就惊呆了,居然还有这种操作!!!原文博客contenteditable属性介绍:
http://www.
w3school.com.cn/html5/a
tt_global_contenteditable.asp
下面是一个小demo,加了一些样式修饰,然后把文本域也加上了,方便对比。
注:上面demo中,有一句代码 -webkit-user-modify: read-write-plaintext-only; 可能小伙伴们看着有点蒙。