input与textarea的区别

1、<input>

The HTML <input> element is used to create interactive controls for web-based forms in order to accept data from the user.

HTML <input> 元素用于为基于Web的表单创建交互式控件，以便接受来自用户的数据。

2、<textarea>

The  HTML <textarea> element  represents a multi-line plain-text editing control.

HTML <textarea> 元素代表一个多行的纯文本编辑控件.

3、异同

相同点：

1. 都是用于接收用户输入
2. 都支持 H5 新属性 autofocus(自动获得焦点) 、autocomplete(自动记忆上次输入的值)
3. 都支持 display 、readonly 控制
4. 都支持 使用 placeholder（H5）设置输入的提示信息
5. 当 input 输入 type 为 text, email, search, password, tel, 或 url 时, 两者都可以通过 minlength/maxlength 控制输入的最少/最大内容长度
6. 使用js 获取值时，都可以使用 .value 获取

不同点：

1. input  使用 type 属性指定接受的类型，包括但不限于文本。textarea 接收多行文本输入。
2. input 是单标签类型，没有结束标签；textarea 是双标签类型，必须要有结束标签。
3. 设置初始内容时，input 放在 value属性中：<input type="text" value="这是内容">， textarea放在起止标签内：<textarea>这是内容</textarea>。
4. textarea使用 rows、cols控制多行结构，input 只是单行
   
5. textarea默认可手动拖动缩放