一、input是单标签,textarea是双标签

  1. <input />
  2. <textarea></textarea>

二、input有value属性,textarea没有

<input value="123" />
<textarea>123</textarea>

三、input不能进行换行输入,textarea可以多行输入

用 div 模拟 textarea 实现

使用 contenteditable=”true” 实现

// css
<style>
  #textarea {
    width: 300px;
    min-height: 300px;
    border: 1px solid red;
  }
</style>

// html
<div id="textarea" contenteditable="true"></div>