轻松上手,快乐学习!

HTML <textarea> 标签



实例

一个 HTML 文本区域:

<label for="btreview">BEGTUT 的评论:</label>

<textarea id="btreview" name="btreview" rows="4" cols="50">
在begtut.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="btreview">BEGTUT 的评论:</label>
<textarea id="btreview" name="btreview" rows="4" cols="50">
在begtut.com,您将学习如何制作网站。 他们提供所有网络开发技术的免费教程。
</textarea>

</body>
</html>
亲自试一试 »

相关页面

HTML DOM 参考手册: Textarea 对象

CSS 教程: Styling Forms


默认CSS设置

None.