共计 994 个字符，预计需要花费 3 分钟才能阅读完成。
这节课，咱们学习表单的多行文本框控件。多行文本框控件，也称文本域控件。生存中多行文本框随处可见，例如：在线简历中的集体劣势区域；在线问卷调查中的个人观点和认识区域；流调信息表中的具体地址，都应用到了多行文本输入框。
多行文本框绝对于单行文本框而言，容许用户输出多行文本。文本触达右侧边界后会主动折行；文本超出底部边界后会产生滚动条，能够滚动鼠标滚轮查看残缺的输出信息。
在 HTML 中如何实现多行文本框呢? 能够通过在 form 标签内，嵌套 textarea 标签来实现。这里的 text 译为文本，area 译为区域，textarea 连起来就是文本域的意思。textarea 是一个双标签，根本语法格局为：<textarea> 文本 </textarea>，文本须要放在标签对外部。关上编辑器，新建一个 textarea.html 文件，主动补全根底代码，在 body 标签外部编写一个 form 表单标签，在 form 标签外面增加文本 “ 请填写具体地址：”，紧邻文本前面增加一个 textarea 标签。保留。用浏览器关上页面，一个多行文本输入框就做好了。点击多行文本输入框，向外面输出文本，当输出的文本触达多行文本框右侧的时候，文本主动换到下一行，始终输出，文本溢出后，文本框会呈现滚动条。窗口太小看不到，也能够鼠标拖拽，缩放窗口。
事实上，textarea，多行文本输入框，是能够设置显示区域的宽度和高度的。应用 cols 属性，cols 是 columns 的缩写，用来指定一个文本区的可见宽度，值是个数字。应用 rows 属性，用来指定一个文本区域中的可见行数，值也是数字。回到编辑器，在 textarea 标签上定义 cols 等于 “10” (cols=”10″) rows 等于 “3” (rows=”3″)。实现多行文本框的可见大小为 3 行 10 列。保留。
回到浏览器，刷新，多行文本输入框的宽度和高度产生了扭转。向框内再次输出数字 “0123456789”，当你输出到 9 的时候，你会发现数字 9 前面与留白地位还能够持续输出。
不要焦急，咱们持续输出，随着内容的一直减少，行数也越来越多，同时右侧会随之会产生一个滚动条，在滚动条产生的那一瞬间，咱们发现，滚动条是占地位的。尽管通过 cols 和 rows 能管制可见宽高，但在理论开发我的项目时，为了好看和输出文本的多样性，个别会通过 CSS 来管制它的款式。文本域标签就介绍完了，大家一起入手实现一个吧。
文章视频链接
