码农教程 - 一技在手,衣食无忧! tools

HTML <textarea> 标签

❮上一节 完整的 HTML参考 下一节❯

示例

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

<label for="w3review">Review of 91xjr:</label>

<textarea id="w3review" name="w3review" rows="4" cols="50">
At 91xjr.com you will learn how to make a website. They offer free tutorials in all web development technologies.
</textarea>
亲自试一试 »

下面有更多 "亲自试一试" 示例。

定义和用法

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

这个<textarea>元素通常在表单中使用，以收集用户输入，例如评论或留言。

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

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

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

这个id需要属性来将文本区域与标签关联起来。

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

浏览器支持

Element
<textarea> Yes Yes Yes Yes Yes

属性

Attribute Value Description
autofocus autofocus Specifies that a text area should automatically get focus when the page loads
cols number Specifies the visible width of a text area
dirname textareaname.dir Specifies that the text direction of the textarea will be submitted
disabled disabled Specifies that a text area should be disabled
form form_id Specifies which form the text area belongs to
maxlength number Specifies the maximum number of characters allowed in the text area
name text Specifies a name for a text area
placeholder text Specifies a short hint that describes the expected value of a text area
readonly readonly Specifies that a text area should be read-only
required required Specifies that a text area is required/must be filled out
rows number Specifies the visible number of lines in a text area
wrap hard
soft		 Specifies how the text in a text area is to be wrapped when submitted in a form

全局属性

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

事件属性

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

更多示例

示例

禁用默认调整大小选项：

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

<label for="w3review">Review of 91xjr:</label>

<textarea id="w3review" name="w3review" rows="4" cols="50">
At 91xjr.com you will learn how to make a website. They offer free tutorials in all web development technologies.
</textarea>

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

相关页面

HTML DOM 参考：文本区域对象

CSS 教程：CSS 表单

默认 CSS 设置

没有任何。


❮上一节 完整的 HTML参考 下一节❯