本课我们学习窗体的多行文本框控件。多行文本框控件，也称为文本域控件。多行文本框在生活中随处可见，例如：在线简历中的个人优势区；在线问卷调查中的个人意见和意见区；交通信息表中的详细地址，全部使用多行文本输入框。与单行文本框相比，多行文本框允许用户输入多行文本。当文字到达右边框时，会自动换行；当文字超出下边框时，会产生滚动条，滚动鼠标滚轮可以查看完整的输入信息。如何在HTML中实现多行文本框？可以通过在form标签中嵌套textarea标签来实现。这里text翻译成text，area翻译成area，textarea连接的意思是textfield。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和空格后面可以继续输入。别着急，我们继续输入。随着内容的不断增加，行数也会增加。同时右侧会生成一个滚动条。在滚动条生成的那一刻，我们发现滚动条占用了Location。虽然可以通过cols和rows来控制可见的宽高，但是在项目的实际开发中，为了输入文字的美观和多样性，一般都是通过CSS来控制其样式。textfield标签介绍完了，一起来实现一个吧。文章视频链接
