HTML <textarea> 标签
实例
一个 HTML 文本区域:
<label for="w3review">W3Schools 的评论:</label>
<textarea
id="w3review" name="w3review" rows="4" cols="50">
在www.w3ccoo.com，您将学习如何制作网站。 他们提供所有网络开发技术的免费教程。
</textarea>
亲自试一试 »
下面有更多实例。
定义和用法
<textarea> 标记定义了一个多行文本输入控件。
<textarea> 元素通常用于表单中，用于收集用户输入，如评论或评论。
文本区域可以容纳无限数量的字符，并且文本以固定宽度字体呈现 (usually Courier).
可以通过 <cols> 和 <rows> 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。
提交表单后，需要 name 属性来引用表单数据（如果省略 name 属性，则不会提交文本区域中的数据）。
将文本区域与标签关联需要 id 属性。
提示: 始终添加< <label> 标签以获得最佳可访问性实践！
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <textarea> | Yes | Yes | Yes | Yes | Yes |
属性
| 属性 | 值 | 描述 |
|---|---|---|
| autofocus | autofocus | 规定在页面加载后文本区域自动获得焦点。 |
| cols | number | 规定文本区内的可见宽度。 |
| dirname | textareaname.dir | 指定将提交 textarea 的文本方向 |
| disabled | disabled | 规定禁用该文本区。 |
| form | form_id | 规定文本区域所属的一个或多个表单。 |
| maxlength | number | 规定文本区域的最大字符数。 |
| name | text | 规定文本区的名称。 |
| placeholder | text | 规定描述文本区域预期值的简短提示。 |
| readonly | readonly | 规定文本区为只读。 |
| required | required | 规定文本区域是必填的。 |
| rows | number | 规定文本区内的可见行数。 |
| wrap | hard soft |
规定当在表单中提交时，文本区域中的文本如何换行。。 |
全局属性
<textarea> 标签支持 HTML 中的全局属性。
事件属性
<textarea> 标签支持 HTML 中的事件属性。
更多实例
实例
禁用默认调整大小选项:
<html>
<head>
<style>
textarea {
resize: none;
}
</style>
</head>
<body>
<label for="w3review">W3Schools 的评论:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
在www.w3ccoo.com，您将学习如何制作网站。 他们提供所有网络开发技术的免费教程。
</textarea>
</body>
</html>
亲自试一试 »
相关页面
HTML DOM 参考手册: Textarea 对象
CSS 教程: Styling Forms
默认CSS设置
None.
