因为textarea不支持自适应高度，就是定好高度或者是行数之后，超出部分就会显示滚动条，看起来不美观。
解决方法：div模拟textarea文本域实现高度自适应
那么如何给div添加placeholder属性呢？见下方代码：
<!DOCTYPE <html>
<head>
<title></title>
<style type="text/css">
.input{
width:200px;
height:30px;
border:1px solid grey;
}
.input:empty::before{
color:#000;
content:attr(placeholder);
}
</style>
</head>
<body>
<div class="input" contenteditable placeholder="请输入文字"></div>
</body>
</html>