给块级元素加上contenteditable="true"
该属性指定元素内容是否可编辑,没有设置则将从父元素继承
#textarea{
width: 300px;
min-height: 120px;
max-height: 300px;
padding: 4px;
border: 1px solid #888;
//能让输入框可拉伸
resize: vertical;
overflow: auto;
}
<p id="textarea" contenteditable="true" placeholder="请输入内容"></p>