share.png

HTML <textarea> 标签

日期：2022-07-05

本文字数：260 字阅读完需：约 2 分钟

HTML 标签

实例

一个 HTML 文本区域：

尝试一下 »

浏览器支持

![Internet Explorer][]![Firefox][Internet Explorer]![Opera][Internet Explorer]![Google Chrome][Internet Explorer]![Safari][Internet Explorer]

所有主流浏览器都支持标签。

标签定义及使用说明

标签定义一个多行的文本输入控件。

文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。

可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小，不过更好的办法是使用 CSS 的 height 和 width 属性。

--------------------

## HTML 4.01 与 HTML5之间的差异 ##

HTML5 增加了一些新的属性。

--------------------

## 属性 ##

New ：HTML5 中的新属性。

<table> 
 <tbody> 
  <tr> 
   <th align="left">属性</th> 
   <th align="left">值</th> 
   <th align="left">描述</th> 
  </tr> 
  <tr> 
   <td> <a rel="nofollow">autofocus</a><span>New</span> </td> 
   <td>autofocus</td> 
   <td>规定当页面加载时，文本区域自动获得焦点。</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">cols</a></td> 
   <td><i>number</i></td> 
   <td>规定文本区域内可见的宽度。</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">disabled</a></td> 
   <td>disabled</td> 
   <td>规定禁用文本区域。</td> 
  </tr> 
  <tr> 
   <td> <a rel="nofollow">form</a><span>New</span> </td> 
   <td><i>form_id</i></td> 
   <td>定义文本区域所属的一个或多个表单。</td> 
  </tr> 
  <tr> 
   <td> <a rel="nofollow">maxlength</a><span>New</span> </td> 
   <td><i>number</i></td> 
   <td>规定文本区域允许的最大字符数。</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">name</a></td> 
   <td><i>text</i></td> 
   <td>规定文本区域的名称。</td> 
  </tr> 
  <tr> 
   <td> <a rel="nofollow">placeholder</a><span>New</span> </td> 
   <td><i>text</i></td> 
   <td>规定一个简短的提示，描述文本区域期望的输入值。</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">readonly</a></td> 
   <td>readonly</td> 
   <td>规定文本区域为只读。</td> 
  </tr> 
  <tr> 
   <td> <a rel="nofollow">required</a><span>New</span> </td> 
   <td>required</td> 
   <td>规定文本区域是必需的/必填的。</td> 
  </tr> 
  <tr> 
   <td><a rel="nofollow">rows</a></td> 
   <td><i>number</i></td> 
   <td>规定文本区域内可见的行数。</td> 
  </tr> 
  <tr> 
   <td> <a rel="nofollow">wrap</a><span>New</span> </td> 
   <td>hard<br> soft</td> 
   <td>规定当提交表单时，文本区域中的文本应该怎样换行。</td> 
  </tr> 
 </tbody> 
</table>

--------------------

## 全局属性 ##

<textarea> 标签支持 HTML 的全局属性。

--------------------

## 事件属性 ##

<textarea> 标签支持 HTML 的事件属性。

--------------------

## 相关文章 ##

HTML DOM 参考手册：Textarea 对象

[Internet Explorer]:

share.png

HTML &lt;textarea&gt; 标签

HTML &lt;textarea&gt; 标签

HTML 标签

实例

浏览器支持

标签定义及使用说明

HTML <textarea> 标签

HTML <textarea> 标签