<textarea> 元素用于在网页中创建一个多行文本输入框，用户可以在其中输入文本。在 JavaScript 中，我们可以通过操作 <textarea> 元素的属性和方法来实现对其内容的控制。
属性
- value：表示
<textarea>中当前显示的文本内容。可以通过设置该属性来改变<textarea>中的文本内容。 - defaultValue：表示
<textarea>的默认文本内容，即页面加载时显示的文本。 - disabled：表示
<textarea>是否禁用。禁用的<textarea>不能被用户编辑。 - rows：表示
<textarea>的行数。 - cols：表示
<textarea>的列数。
方法
- focus()：使
<textarea>元素获得焦点，即光标会自动定位到<textarea>中。 - blur()：使
<textarea>元素失去焦点，即光标不再显示在<textarea>中。 - select()：选中
<textarea>中的所有文本内容。
事件
- onchange：当
<textarea>中的内容被改变时触发。 - onfocus：当
<textarea>获得焦点时触发。 - onblur：当
<textarea>失去焦点时触发。
示例代码
-- -------------------- ---- -------
--------- -----
------
------
--------------- ---------------
-------
------
--------- --------------- -------- ----------------- ---------------
----
------- ----------------------------- -------------
--------
-------- ------------ -
------------------------------------------- - ---- ------
-
---------
-------
-------在上面的示例代码中，我们创建了一个 <textarea> 元素，并设置了默认文本内容为 "Default Text"。当用户点击按钮时，会调用 changeText() 函数，将 <textarea> 的内容改变为 "New Text"。
小结
通过 JavaScript，我们可以方便地操作 <textarea> 元素的属性和方法，实现对多行文本输入框的控制。在实际开发中，我们可以利用这些功能为用户提供更好的交互体验。
| 属性 | 描述 | W3C |
|---|---|---|
| autofocus | 设置或返回 textarea 是否自动获取焦点。 | Yes |
| cols | 设置或返回 textarea 的宽度。 | Yes |
| defaultValue | 设置或返回文本框中的初始内容。 | Yes |
| disabled | 设置或返回 textarea 是否应当被禁用。 | Yes |
| form | 返回对包含该 textarea 的表单对象的引用。 | Yes |
| maxLength | 设置 textarea 元素可以输入的最大字符数。 | Yes |
| name | 设置或返回 textarea 的名称。 | Yes |
| placeholder | 设置或返回 placeholder 属性的值。 | Yes |
| readOnly | 设置或返回 textarea 是否应当是只读的。 | Yes |
| require | 设置或返回 textarea 是否必须输入内容。 | Yes |
| rows | 设置或返回 textarea 的高度。 | Yes |
| type | 返回该文本框的表单类型。 | Yes |
| value | 设置或返回在 textarea 中的文本。 | Yes |