HTML 标签

HTML <textarea> 标签

主题:HTML5 标签参考上一页|下一页

说明

<textarea> 标签在表单中定义了一个多行文本输入控件。

textarea 中的文本通常以浏览器的默认等宽(固定宽度)字体呈现,例如 Courier。 一个文本区域可以容纳无限数量的字符。

下表总结了此标签的使用上下文和版本历史。

Placement: Inline
Content: Text
开始/结束标签: 开始标签: required, 结束标签:required
版本: HTML 2, 3.2, 4, 4.01, 5

语法

<textarea> 标签的基本语法如下:

HTML / XHTML: <textarea cols="number" rows="number" > ... </textarea>

下面的示例显示了 <textarea> 标签的作用。

<form>
    <p>Leave your Comment: 
        <textarea cols="60" rows="5">write here...</textarea>
    </p>
</form>

标签特定属性

下表显示了特定于 <textarea> 标签的属性。

属性 说明
autofocus autofocus 指定加载文档时 textarea 应自动获得焦点。
cols number 指定可见文本行的数量。
disabled disabled 此布尔属性禁用用户输入或交互的文本区域。
form form-id 指定 textarea 关联的表单,即它的"表单所有者"。
maxlength number 指定用户可以在 textarea 中输入的最大字符数。
minlength number 指定用户应在文本区域中输入的最少字符数。
name unique-name 为 textarea 控件分配一个名称。
placeholder text 向用户提供可以在 textarea 中输入的内容的提示。 占位符文本不得包含换行符。
readonly readonly 此布尔属性表示用户不能修改 textarea 控件的值(即只读)。
required required 此布尔属性指定用户必须在提交表单之前填写一个值。
rows number 以平均字符宽度指定可见宽度。
wrap hard
soft
指定如何包装 textarea 的值以进行表单提交。

全局属性

与所有其他 HTML 标签一样, <textarea> 标签支持 HTML5 中的全局属性


事件属性

<textarea> 标签还支持 HTML5 中的事件属性


浏览器兼容性

所有主要的现代浏览器都支持 <textarea> 标签。

Browsers Icon

基本支持—

  • Firefox 1+
  • Google Chrome 1+
  • Internet Explorer 2+
  • Apple Safari 1+
  • Opera 4+

进一步阅读

请参阅以下教程: HTML 表单.

其他与表单相关的标签: <form>, <fieldset>, <legend>, <label>, <input>, <select>, <optgroup>, <option>, <button>.

Advertisements