用于多行文本输入,替代单行;通过rows和cols设置默认尺寸,推荐用CSS(如width、min-height、resize)增强响应式体验;支持placeholder、maxlength、required、autofocus等属性提升可用性。

用 标签就能创建支持多行输入的长文本框。
基础用法:用
只能单行,而 是专门用于多行文本的表单元素。它是一个双标签,内容写在开始和结束标签之间(虽然通常为空):
设置尺寸:用 rows 和 cols 属性
控制默认显示的行数和字符宽度:
-
rows:显示的行数(不是最大字数),例如
rows="5"显示约 5 行高 -
cols:每行显示的近似字符数(受字体影响),例如
cols="40"
增强体验:用 CSS 替代或补充 rows/cols
更推荐用 CSS 控制大小和响应式表现,更灵活可靠:
- 用
width、height或min-height设置尺寸 - 加
resize: vertical允许用户拖拽调整高度(禁用则设为none) - 用
overflow-y: auto确保内容超长时出现滚动条
其他实用属性别忘了
提升可用性和功能完整性:
-
placeholder:输入提示文字,如
placeholder="请写下您的想法..." - maxlength:限制最多输入字符数,防止过长提交(浏览器原生校验)
- required:设为必填项
- autofocus:页面加载后自动获得焦点
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!











