什么是textarea标签
<textarea>标签是 HTML 中用来创建多行文本输入框的标签。它是一种表单元素，可以让用户在一个固定大小的区域内输入多行文本或进行编辑。用户可以在这个区域内自由编辑，输入或粘贴多行文本，比如用户评论、留言板、面向开发者的接口文档等等。通过将 textarea 标签嵌套在 <form> 标签中，可以将用户输入的值提交到服务器进行后续的处理。
textarea 标签的使用方法
textarea 是对单行文本框的扩展，它通常在表单中来接收用户输入。该标记函数方式与<input>标记功能类似。以下是一个基本的 textarea 输入框的例子：
<!--HTML 代码-->
<textarea></textarea>
上面的代码将在浏览器中显示一个空白的文本区域。可以使用 rows 和 cols 属性来指定要显示的文本区域的大小。
textarea 标签的属性
textarea 标签的常用属性如下：
rows：指定文本区域的行数。
cols：指定文本区域的列数。
name：指定文本区域的名称，用于向服务器发送数据。
disabled：禁用此元素，使其无法编辑。
readonly：只读文本框，内容无法编辑。
placeholder：设置当文本框为空时显示的提示文本。
maxlength：指定文本框最大可输入的字符数。
textarea 标签的案例演示
本例中我们创建了一个带有多行文本框和提交按钮的表单。当用户点击提交按钮时，将会显示出用户输入的文本。
<!--HTML 代码-->
<form>
<textarea rows="5" cols="50" name="text_area"></textarea>
<br><br>
<input type="submit" value="提交">
</form>
<script>
const formElement = document.querySelector('form');
formElement.addEventListener('submit', event => {
event.preventDefault();
const data = new FormData(formElement);
const textAreaValue = data.get('text_area');
alert(textAreaValue);
});
</script>
上面的表单包含一个文本区域和一个提交按钮，当用户点击提交按钮时，会弹出一个包含用户输入文本的提示框。通过使用 Javascript 代码，我们在提交表单的同时获取了文本框中用户的输入内容。
总结
textarea 标签是 HTML 表单中常见的元素，用于让用户在固定大小的区域内输入或编辑多行文本。它也提供了许多属性来控制文本输入框的行数、列数、名称、是否可编辑等等。通过 textarea 标签，我们可以创建像评论框、留言板、面向开发者的接口文档等需要用户输入多行文本的场景。同时，我们还可以通过 Javascript 代码来获取用户输入的文本内容，并进行处理。