JavaScript 参考手册 目录

HTML DOM Textarea 对象

面试官:小伙子,你的代码为什么这么丝滑?

JavaScript 参考手册

Chapter 5: HTML 对象

5.1

<textarea> 元素用于在网页中创建一个多行文本输入框,用户可以在其中输入文本。在 JavaScript 中,我们可以通过操作 <textarea> 元素的属性和方法来实现对其内容的控制。

5.1.1 属性

  • value:表示 <textarea> 中当前显示的文本内容。可以通过设置该属性来改变 <textarea> 中的文本内容。

  • defaultValue:表示 <textarea> 的默认文本内容,即页面加载时显示的文本。

  • disabled:表示 <textarea> 是否禁用。禁用的 <textarea> 不能被用户编辑。

  • rows:表示 <textarea> 的行数。

  • cols:表示 <textarea> 的列数。

5.1.2 方法

  • **focus()**:使 <textarea> 元素获得焦点,即光标会自动定位到 <textarea> 中。

  • **blur()**:使 <textarea> 元素失去焦点,即光标不再显示在 <textarea> 中。

  • **select()**:选中 <textarea> 中的所有文本内容。

5.1.3 事件

  • onchange:当 <textarea> 中的内容被改变时触发。

  • onfocus:当 <textarea> 获得焦点时触发。

  • onblur:当 <textarea> 失去焦点时触发。

5.1.4 示例代码

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

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

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

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

在上面的示例代码中,我们创建了一个 <textarea> 元素,并设置了默认文本内容为 "Default Text"。当用户点击按钮时,会调用 changeText() 函数,将 <textarea> 的内容改变为 "New Text"。

5.1.5 小结

通过 JavaScript,我们可以方便地操作 <textarea> 元素的属性和方法,实现对多行文本输入框的控制。在实际开发中,我们可以利用这些功能为用户提供更好的交互体验。


上一篇:HTML 对象 <tr>
下一篇:HTML 对象 <title>