HTML | DOM Textarea 对象

<textarea> 元素是 HTML 表单中的一个输入控件，用于允许用户输入多行文本。

属性

<textarea>元素具有以下常用属性：

• cols：指定文本框的列数。
• rows：指定文本框的行数。
• name：指定文本框的名称，用于提交表单数据。
• readonly：指定文本框是否为只读。
• disabled：指定文本框是否被禁用。
• maxlength：指定文本框允许输入的最大字符数。
• wrap：指定如何处理文本框中的换行。
• placeholder：指定在用户输入前显示的提示文本。

方法

<textarea> 元素拥有以下常用方法：

• select()：选择文本框中的全部内容。
• setSelectionRange(start, end[, direction])：选择文本框中指定范围的内容。
• focus()：使文本框获得焦点。
• blur()：使文本框失去焦点。

事件

<textarea> 元素可触发以下常用事件：

• input：在值发生改变时触发。
• change：在值发生改变且失去焦点时触发。
• focus：当文本框获得焦点时触发。
• blur：当文本框失去焦点时触发。

使用示例

使用 <textarea> 元素可以创建一个多行文本输入框：

<textarea rows="5" cols="30" placeholder="请输入文本"></textarea>

可以通过 JavaScript 来操作文本框对象：

const textarea = document.querySelector('textarea');

// 设置文本框的值
textarea.value = 'Hello, World!';

// 获取文本框的值
const textValue = textarea.value;

// 设置文本框为只读
textarea.readOnly = true;

// 获取文本框的行数和列数
const rows = textarea.rows;
const cols = textarea.cols;

可以使用事件监听器来处理文本框的输入和改变事件：

const textarea = document.querySelector('textarea');

// 监听输入事件
textarea.addEventListener('input', function(event) {
  console.log(event.target.value);
});

// 监听改变事件
textarea.addEventListener('change', function(event) {
  console.log(event.target.value);
});

更多关于 <textarea> 元素的信息，请参考 MDN 文档。