用一个div模拟textarea的实现

添加 contenteditable="true" 这个属性 ，使得盒子变成可编辑状态

    <div class="text-area" contenteditable="true"></div>

加上resize: both; 使得盒子右下角可以自由拉伸 ，加上overflow:auto;会更像哦

      .text-area{
        width: 200px;
        height: 100px;
        border: 1px solid red;
        overflow: auto;
        resize: both;  
      }