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