是专为长文本设计的多行输入框，需成对使用并设置 name 属性；通过 rows 和 cols 控制初始尺寸，推荐 rows≥4；css 可实现自适应宽度、最小高度及垂直拉伸；支持 maxlength、required、autofocus 等增强属性。
用 <textarea></textarea> 标签就能创建多行文本输入框，它专为长文本设计，和单行的 <input type="text"> 有本质区别。
基础写法：成对标签 + 必要属性
textarea 是双标签，内容写在开始与结束标签之间（可为空）；name 属性必不可少，否则表单提交时后端收不到数据：
-
<textarea name="content"></textarea>—— 最简可用形式 -
<textarea name="comment" placeholder="说说您的想法..."></textarea>—— 加提示语更友好 - 若需预设内容，直接写在标签内：
<textarea name="draft">欢迎编辑此草稿</textarea>
控制尺寸：rows 是关键，cols 可选但建议保留
rows 决定初始可见行数（推荐设为 4 或以上，太小用户易忽略）；cols 表示每行大致字符宽度，虽常被 CSS 覆盖，但保留它可避免纯文本渲染时意外折行：
-
rows="6"：页面加载时显示约 6 行高度，不限制实际输入长度 -
cols="50"：提供基础宽度参考，尤其在无 CSS 环境下仍能正常显示 - 不写
rows会导致默认仅显示 2 行，体验极差
样式优化：用 CSS 替代或补充 rows/cols
响应式布局中，CSS 控制更可靠灵活：
- 用
width: 100%实现自适应宽度 - 用
min-height: 120px代替固定height，防止内容被截断 - 加
resize: vertical允许用户手动拉伸高度（禁用则设为none） - 配
overflow-y: auto确保超长内容可滚动查看
功能增强：实用属性别漏掉
提升可用性与安全性：
-
maxlength="500"：限制最多字符数（服务端必须同步校验） -
required：提交前强制填写（配合placeholder引导更佳） -
autofocus：页面加载后自动聚焦（注意移动端可能引发滚动问题） - 搭配
<label for="id"></label>提升可访问性，对屏幕阅读器友好
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
