请教怎么用简单的代码解决textarea高度自适应？

Question

对于textarea的问题，之前一直采用的用div标签代替，提交表单的时候再用js将div标签复制到textarea。但是利用div实现placeholder效果也不是很好，而且在firefox还有一点兼容性问题。现在想换回textarea，google找到了一些方案，但是代码都比较长，刚接触js，有点无法理解。拜托大神们给一个利用jquery/javascript的简单通俗的实现方式。

Answer 1

js的方法楼上讲的差不多，我的实现思路也是那样，没啥好写的了。

那就来个优雅的div的placeholder的解决方案

<div contenteditable="true" placeholder="输入用户名"></div>

css如下

[contenteditable]:empty:before {  content: attr(placeholder);  display: block;  /* For Firefox */
  color: #999;
}