您的位置：图文专栏 > 技术教程 > HTML5/CSS3速成教程 >
6-7 使用<textarea>标签创建文本域
发布时间：2021-03-05 15:29:24
6-7 使用<textarea>标签创建文本域
当用户需要在表单中输入大段文字时，需要用到文本输入域。语法：
<textarea rows="行数" cols="列数">文本</textarea>
1、<textarea>标签是成对出现的，以<textarea>开始，以</textarea>结束。2、cols ：多行输入域的列数。
3、rows ：多行输入域的行数。
4、在<textarea></textarea>标签之间可以输入默认值。
举例：
<form method="post" action="save.php">
<label>联系我们</label>
<textarea cols="50" rows="10" >在这里输入内容...</textarea>
</form>
注意：代码中的<label>标签在本章5-9中讲解。在浏览器中显示结果：
注意这两个属性可用css样式的width和height来代替：col用width、row用height来代替。（这两个css样式在以后的章节会讲解）
源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>文本域</title>
</head>
<body>
<form>
<textarea cols="50" rows="10">在这里输入内容...</textarea>
</form>
</body>
</html>
说明：
cols属性控制文本域的列数，rows属性控制文本域的行数。
上一篇： 6-6 input标签中的邮箱框email类型
下一篇： 6-8 使用label为input标签穿上衣服 cols属性控制文本域的列数，rows属性控制文本域的行数。
