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>
元素的属性和方法,实现对多行文本输入框的控制。在实际开发中,我们可以利用这些功能为用户提供更好的交互体验。