TEXTAREA标签用于输入多行文本，支持换行和长内容，常用于评论、反馈等场景。基本语法为<textarea name="message" rows="5" cols="30">请输入您的意见...</textarea>，其中name定义字段名，rows和cols设置显示行数和字符宽度，标签间内容为默认提示。通过maxlength限制字符长度，如maxlength="200"；wrap控制换行方式，可选soft或hard；resize配合CSS实现拖动调整大小，如style="resize:vertical"。通常嵌入form表单提交数据，示例：<form action="/submit" method="post"><label>留言内容：</label><textarea name="content" rows="6" cols="50" maxlength="500"></textarea><button type="submit">提交</button></form>，服务器通过name属性获取内容。提升体验技巧包括使用placeholder替代默认文字、CSS美化样式及添加required强制填写。TEXTAREA简单实用，是处理大段文本的标准方案。
当用户需要输入大段文字时，TEXTAREA 标签是最常用的 HTML 元素。它允许用户在网页上输入多行文本，适合填写评论、描述、反馈等内容。相比单行的 input 输入框，TEXTAREA 支持换行和较长内容的输入，使用起来也非常简单。
TEXTAREA 基本语法
TEXTAREA 是一个双标签，包含开始标签 <textarea> 和结束标签 </textarea>。用户输入的内容会出现在这两个标签之间。
基本写法如下：
<textarea name="message" rows="5" cols="30"> 请输入您的意见... </textarea>其中：
- name：表单提交时的字段名
- rows：显示的行数
- cols：每行显示的大致字符数（基于等宽字体）
- 标签之间的内容是默认提示文本（占位符）
设置最大长度和是否可调整
可以通过属性控制输入内容的长度和样式行为。
-
maxlength：限制用户最多输入的字符数
例如：maxlength="200" - wrap：控制文本换行方式，常用值为 "soft"（不强制换行）或 "hard"（保留换行符）
-
resize：通过 CSS 控制是否允许用户拖动调整大小
例如：style="resize: vertical;" 只允许上下拉伸
结合表单使用示例
通常 TEXTAREA 会放在 form 中与其他输入项一起提交：
<form action="/submit" method="post"> <label>留言内容：</label> <textarea name="content" rows="6" cols="50" maxlength="500"> </textarea> <button type="submit">提交</button> </form>提交后，服务器可通过 name="content" 获取用户输入的多行文本。
提升用户体验的小技巧
- 使用 placeholder 属性替代默认文字，更符合现代习惯：
<textarea placeholder="请输入详细说明..."></textarea> - 用 CSS 设置宽度、高度和边框样式，让输入框更美观
- 加入 required 属性可强制用户填写
