《前端知识点》2020年3月29日-textarea

HTML的textarea元素

<textarea> 标签定义多行的文本输入控件。

textarea元素和前面介绍的input元素都可以获取用户在输入框输入的文本内容，哪为什么还要提供textarea元素呢？这就涉及到输入文本内容多少的问题，input元素只能输入单行文本内容，输入再多的文字也只能在一行显示，而且没有滚动条；textarea元素就不同了，textarea元素可以输入多行文本内容，支持文本回车和在textarea的宽度内文本自动换行，当输入的文本内容行数超过textarea元素的高度时，textarea元素会自动出现纵向滚动条。

textarea元素使用textarea标签，textarea标签有两个比较重要的属性cols和rows，cols属性用于设置textarea元素输入区域的可见宽度，rows属性用于设置textarea元素输入区域的可见高度。虽然可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。

以下是textarea的属性介绍：

属性	值	描述
autofocus	autofocus	规定在页面加载后文本区域自动获得焦点。
cols	number	规定文本区内的可见宽度。