HTML <textarea> 标签

定义和用法

<textarea> 标签定义多行文本输入控件。

<textarea> 元素通常用在表单中，用于收集用户的输入，如评论或评论。

文本区域可以容纳无限数量的字符，并且文本以等宽字体（通常是 Courier）呈现。

文本区域的大小由 cols 和 rows 属性（或使用 CSS）规定。

提交表单后需要 name 属性来引用表单数据（如果省略 name 属性，则不会提交文本区域的数据）。

需要 id 属性将文本区域与标签（label）相关联。

提示：请始终添加 <label> 标签，以获得最佳可访问性实践！

另请参阅：

HTML DOM 参考手册：Textarea 对象

CSS 教程：设置表单样式

实例

例子 1

一个多行文本输入控件（文本区域）：

<label for="w3review">评论 W3School：</label>

<textarea id="w3review" name="w3review" rows="4" cols="50">
在 w3school.com.cn，您将学习如何开发网站。他们提供所有 Web 开发技术的免费教程。
</textarea>

亲自试一试

例子 2

禁用默认调整尺寸选项：

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>

<label for="w3review">评论 W3School：</label>

<textarea id="w3review" name="w3review" rows="4" cols="50">
在 w3school.com.cn，您将学习如何开发网站。他们提供所有 Web 开发技术的免费教程。
</textarea>

</body>
</html>

亲自试一试

属性

属性 值 描述
autofocus autofocus 规定文本区域应在页面加载时自动获得焦点。
cols 数字 规定文本区域的可见宽度。
dirname textareaname.dir 规定被提交的文本区域的的文字方向。
disabled disabled 规定应禁用文本区域。
form 表单 id 规定文本区域所属的表单。
maxlength 数字 规定文本区域允许的最大字符数。
name 文本 规定文本区域的名称。
placeholder 文本 规定描述文本区域预期值的简短提示。
readonly readonly 规定文本区域应该是只读的。
required required 规定文本区域是必填的。
rows 数字 规定文本区域中可见的行数。
wrap
  • hard
  • soft
 规定在表单中提交时文本区域中的文本如何换行。

全局属性

<textarea> 标签还支持 HTML 中的全局属性。

事件属性

<textarea> 标签还支持 HTML 中的事件属性。

默认的 CSS 设置

无。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持