HTML <textarea> 标签
示例
一个多行文本输入控件（文本区域）
<label for="w3review">W3Schools 评论：</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
在 w3schools.com 上，您将学习如何制作网站。他们提供所有 Web 开发技术的免费教程。
</textarea>
自己尝试 »
更多“自己尝试”示例如下。
定义和用法
The <textarea> 标签定义了一个多行文本输入控件。
The <textarea> 元素通常在表单中使用，以收集用户输入，例如评论或评价。
文本区域可以容纳无限数量的字符，并且文本以固定宽度字体（通常为 Courier）呈现。
文本区域的大小由 cols 和 rows 属性（或使用 CSS）指定。
The name 属性是在提交表单后引用表单数据的必要条件（如果您省略 name 属性，则不会提交来自文本区域的任何数据）。
The id 属性是将文本区域与标签相关联的必要条件。
提示：始终添加 <label> 标签，以获得最佳的无障碍性实践！
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <textarea> | 是 | 是 | 是 | 是 | 是 |
属性
| 属性 | 值 | 描述 |
|---|---|---|
| autofocus | autofocus | 指定文本区域在页面加载时应自动获得焦点 |
| cols | 数字 | 指定文本区域的可见宽度 |
| dirname | textareaname.dir | 指定文本区域的文本方向将被提交 |
| disabled | disabled | 指定文本区域应被禁用 |
| form | form_id | 指定文本区域所属的表单 |
| maxlength | 数字 | 指定文本区域允许的最大字符数 |
| name | 文本 | 为文本区域指定名称 |
| placeholder | 文本 | 指定简短的提示，描述文本区域的预期值 |
| readonly | readonly | 指定文本区域应为只读 |
| required | required | 指定文本区域是必需的/必须填写 |
| rows | 数字 | 指定文本区域中可见的行数 |
| wrap | hard soft |
指定在表单中提交时文本区域中的文本如何换行 |
全局属性
The <textarea> 标签还支持 HTML 中的全局属性。
事件属性
The <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">
在 w3schools.com 上，您将学习如何制作网站。他们提供所有 Web 开发技术的免费教程。
</textarea>
</body>
</html>
自己尝试 »
相关页面
HTML DOM 参考：Textarea 对象
CSS 教程：样式表单
默认 CSS 设置
无。
