HTML Textarea

HTML Textarea 是一个 HTML 元素，通常用于允许用户输入文本或多行文本。他可以很方便的用于表单输入框中。

使用示例

HTML Textarae 可以通过简单的创建一个 textarea 元素来使用：

<textarea>
  这里是一些文本...
</textarea>

textarea 元素可以包含任意多行文本，因此也可以设置它的高度和宽度：

<textarea rows="4" cols="50">
  这里是一些文本...
</textarea>

常用属性

• rows: 指定文本域中的行数
• cols: 指定文本域中的列数
• name: 指定表单中的名称
• disabled: 禁用文本域
• readonly: 只读文本域
• placeholder: 提示用户在跟文本域输入的地方输入文本
• maxlength: 设置文本域中允许输入的最大字符数

以下是一个包含多个属性的 textarea 元素：

<textarea name="myText" rows="4" cols="50" placeholder="请输入你的文本"></textarea>

获取和设置值

使用 JavaScript 可以很方便地获取和设置 textarea 元素的值。

获取 textarea 元素的值：

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

设置 textarea 元素的值：

document.querySelector('textarea').value = '新值';

总结

HTML Textarea 是一个十分实用的表单输入元素，可以让用户轻松的输入多行文本，你可以通过指定其行数，列数等属性来控制他的大小，如果需要使用 JavaScript 来访问文本域中的内容，则需要使用 value 属性来获取或设置其内容。