H5新增属性contenteditable(不用JS,实现div模拟textarea高度自增长)

核心提示无意中看到一篇博客介绍了contenteditable这个属性——不需用JS,只需在p里加上contenteditable="true",即可实现p模拟textrarea(文本域),让textrarea的高度随内容的增加而自动增加。当时就惊

无意中看到一篇博客介绍了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; 可能小伙伴们看着有点蒙。

 
友情链接
鄂ICP备19019357号-22