textarea文本域属性

### HTML `<textarea>` 文本域属性及用法

#### 基础属性
`<textarea>` 是一种多行文本输入控件，允许用户输入大量文本。此元素具有多个重要属性：

- **name**: 提交表单时用来引用表单项名称的属性[^3]。
- **id**: 将文本区域与标签关联起来所必需的属性。

#### 显示控制属性
为了控制 `<textarea>` 的外观尺寸，有两种方式指定其宽度和高度：

- 使用 `cols` 和 `rows` 属性分别设定每行可见字符数以及显示的最大行数；当内容超过这些限制时会自动启用滚动条[^2]。

  <textarea cols="50" rows="10"></textarea>

- 更推荐的方法是通过CSS样式来调整大小，这样可以获得更灵活的设计效果。

  textarea {
      width: 300px;
      height: 200px;
  }

#### 设置初始值
虽然 `<textarea>` 并不支持直接使用的 `value` 属性，但是有几种方法可以为其赋初值：

- 在标记内部放置默认文本作为内容的一部分[^1]。

  <textarea id="example">这是预设的文字。</textarea>

- 利用 JavaScript 动态更改当前的内容。

  document.getElementById("example").value = "新的文字";

- 对于只读状态下的默认值设置，还可以考虑使用 `defaultValue` 属性[^4]。

  var ta = document.createElement('textarea');
  ta.defaultValue = '原始文本';

#### 只读与禁用功能
有时可能希望阻止用户编辑某些字段，在这种情况下可以应用如下两个布尔型属性之一：

- **readonly**: 用户无法修改其中的内容，但在提交时仍然会被发送给服务器。

  <textarea readonly>不可改变的信息</textarea>

- **disabled**: 不仅不允许编辑而且该字段也不会参与任何形式的数据提交过程。

  <textarea disabled>完全锁定的状态</textarea>