<textarea> 标签用于在HTML文档中创建一个多行文本输入控件。用户可以在该控件中输入和编辑多行文本。以下是一些常见的用法和属性：
基本用法
<textarea>在这里输入文本...</textarea>常用属性
- name：定义文本区域的名称，用于在表单提交时标识数据。
- rows：定义文本区域的可见行数。
- cols：定义文本区域的可见列数。
- placeholder：提供一个在文本区域内显示的占位符文本，当文本区域为空时显示。
- readonly：使文本区域变为只读。用户不能修改内容，但可以选中或复制。
- disabled：禁用文本区域。文本区域不可聚焦，不可编辑，且不可提交。
- maxlength：指定用户可以输入的最大字符数。
- wrap：规定文本如何换行（HTML5中不推荐使用，CSS替代）。
- soft：文本自动换行，但提交时只包含可见文本。
- hard：文本自动换行，提交时包含换行符。
示例
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Textarea Example</title> </head> <body> <form action="/submit" method="post"> <label for="comments">Comments:</label><br> <textarea id="comments" name="comments" rows="4" cols="50" placeholder="Enter your comments here..."> </textarea><br><br> <input type="submit" value="Submit"> </form> </body> </html>样式化
虽然<textarea>标签本身没有太多样式属性，但你可以使用CSS来进一步定制它的外观。例如：
<style> textarea { width: 100%; height: 100px; padding: 10px; font-size: 14px; line-height: 1.5; border: 1px solid #ccc; border-radius: 4px; } </style>JavaScript 交互
你可以使用JavaScript来动态访问和修改<textarea>的内容。例如：
<script> document.getElementById('comments').addEventListener('input', function() { console.log(this.value); // 打印当前文本区域的内容 }); </script>总结
<textarea>标签是HTML中用于创建多行文本输入控件的重要元素。通过结合不同的属性和样式，你可以创建符合需求的文本输入区域，并通过JavaScript实现动态交互。
