<textarea>文本内容</textarea>
接下来我们通过一段简单的代码来看一下：
<form action="http://vip.lmcjl.com/register.php" method="post">
描述信息：<textarea name="description">此处是描述信息</textarea>
</form>
运行效果如图所示：
图1：HTML 文本域
<form action="http://vip.lmcjl.com/register.php" method="post">
描述信息：<textarea name="description" style="resize:none;">此处是描述信息</textarea>
</form>
注意：此处用到的是 CSS 样式中的内容，读者只需了解即可。当收缩按钮隐藏后，不能手动调节文本域的宽高。
同所有表单元素相同，文本域要想正确提交，也必须设置 name 属性。除了 name 属性以外，文本域还有其它属性，接下来我们看一下：| 其他属性 | 说明 |
| cols | 用来指定每行显示的字符数。 |
| rows | 用来指定正常情况下（没有滚动条）显示的文本行数。 |
| id | 用来定义文本域的唯一 id 属性。 |
<form action="http://vip.lmcjl.com/register.php" method="post"> HTML教程描述：<textarea name="description" cols="40">这套「HTML教程」可以帮助读者快速入门，其中包含了作者大量的实践经验，将知识系统化，浓缩为精华，用通俗易懂的语言直指网页设计初学者的痛点。</textarea> </form>运行结果如图所示：
图2：设置了宽度的文本域
通过运行结果可以发现，当文本内容超出了文本域的宽度时，会自动换行显示。这时，出现了纵向的滚动条是因为高度不够。下面我们就来学习一下如何设置文本域的高度。
<form action="http://vip.lmcjl.com/register.php" method="post"> HTML教程描述：<textarea name="description" cols="40" rows="6">这套「HTML教程」可以帮助读者快速入门，其中包含了作者大量的实践经验，将知识系统化，浓缩为精华，用通俗易懂的语言直指网页设计初学者的痛点。</textarea> </form>运行结果如图所示：
图3：设置了高度的文本域
通过运行结果可以看出，当文本高度小于文本域高度时，不会出现纵向滚动条。
注意：除了使用 rows、cols 属性设置文本域的宽高，css 也可以实现，在 css 教程中我们会详细讲解。
本文链接：http://task.lmcjl.com/news/16736.html