div模拟extarea文本域轻松实现高度自适应.docVIP

div模拟textarea文本域轻松实现高度自适应 by zhangxinxu from 本文地址： /wordpress/?p=1362 一、关于textarea文本域以及高度自适应 textarea标签为表单元素，一般用在多行文字的输入。在web应用上常见的是评论输入框，微博信息输入框等。例如企鹅微博的输入框： 作为多行文本域功能来讲，textarea满足了我们大部分的需求。然而，textarea有一个不足就是不能像普通div标签一样高度可以跟随内 容自适应。textarea总是很自信地显摆它的滚动条，高度固执地岿然不动。所以，有时候，为了增加交互体验想让文本域高度自适应的时候，就会遇到麻 烦。并不是不能实现，例如Google的Buzz的输入框就是高度自适应里面的内容的，如下截图： 不说远的，我个人网站的提问与交流页面中的回答输入框（需登录）： 当输入一些文字后，文本域的高度自动随内容多少撑高了： 然而，这些文本域的高度自适应都是通过JavaScript脚本实现的。拿我个人站点上的高度自适应文本框来说，要克隆一个隐藏的 textarea，通过实时的文字赋值，检测是否产生滚动条来确定显示文本域的高度是否动态增加。对于JavaScript不熟悉的人来讲，这种方法的实 现比想办法跟校花约会还麻烦。 然而，实际上，如果你要求不是很高，是个非常简便，且老少皆宜的实现方法的。这