在HTML中有两种方式表达文本框，一个是用input标签的单行文本框，一种是textarea标签多行文本框。那我们来看看他们的区别：

input标签

1、需要指定type属性，如text，password等。

2、通过size属性指定显示字符的长度。

3、value属性指定初始值

4、Maxlength属性指定文本框可以输入的最长长度。

5、焦点垂直居中文本框中，单行

textarea标签

1、需要</textarea>来封闭标签

2、内容写在标签对中

3、使用row、col指定textarea大小

4、焦点在左上角，多行

然后就是最近听到一个问题：

怎么用div来模拟实现一个textarea？

关键：我们要知道一个h5的属性，那就是contenteditable，将属性设置成true就会使得div是可以编辑的。

如果将body设置这样的属性，你就会发现该属性多么神奇。

有的小伙伴会问，这是h5的属性，那他的兼容性如何呢？

这个属性兼容IE6之后的版本，很强大

直接上代码：

div模拟textarea

作者：孙以哲