input，textarea的区别

Posted 2023-04-04

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

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

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

3、value属性指定初始值

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

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

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

2、内容写在标签对中

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

4、焦点在左上角，多行

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

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

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

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

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

input和textarea区别

1. input是单行文本，textarea是多行文本，可以带滚动条
2. input的value放在标签里面

<input type="text" value="beijing" />

textarea的值放在标签之间

<textarea>this is a text area line</textarea>