HTML——文本域

在 HTML 中，使用 <textarea> 标签来表示多行文本框，又叫做文本域。与其它 <input> 标签不同，<textarea> 标签是单闭合标签，它包含起始标签和结束标签，文本内容需要写在两个标签中间。具体语法格式如下：

<textarea>文本内容</textarea>

　　

例子：

<form action="http://vip.biancheng.net/register.php" method="post">
    描述信息：<textarea name="description">此处是描述信息</textarea>
</form>

　　

———— 同所有表单元素相同，文本域要想正确提交，也必须设置 name 属性。除了 name 属性以外，文本域还有其它属性，接下来我们看一下：

 

 

属性：

1、cols属性

cols 属性用来指定每行可以显示的字符数，也就是文本域的可见宽度。一般情况下，如果内容超出文本域宽度，会自动换行显示，但是如果文本内容较长，而且在大于文本域宽度时，还没有空格可以进行换行，就会出现横向滚动条。

<textarea name="" id="" cols="30" placeholder="个人简介"></textarea>

　　

2、rows属性

在文本域中，rows 属性用来设置文本域的可见行数，也就是文本域的高度。当文本内容超出设置高度时，会出现纵向滚动条。用户拖动滚动条可以查看全部内容。

<p>
          <textarea name="" id="" cols="30" rows="10" placeholder="个人简介"></textarea>
</p>