input,textarea的区别

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

input标签

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

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

3、value属性指定初始值

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

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

textarea标签

1、需要来封闭标签

2、内容写在标签对中

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

4、焦点在左上角,多行


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

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

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

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

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

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

直接上代码:


input,textarea的区别_第1张图片
div模拟textarea

作者:孙以哲

你可能感兴趣的:(input,textarea的区别)