文本域大小限制需区分可见尺寸与内容长度上限：用rows/cols设初始行列数，CSS的width/height和resize:none控精确尺寸并禁缩放，maxlength限输入字符总数，注意value不可赋值、overflow:hidden无效等常见误区。
设置文本域（<textarea>）的大小限制，核心是控制它的**可见尺寸**和**内容长度上限**，两者目的不同：前者影响用户看到和操作的空间，后者防止输入超限。实际开发中常组合使用 HTML 属性与 CSS 样式，兼顾兼容性与灵活性。
用 rows 和 cols 控制初始可见尺寸
这是最基础、无需 CSS 的方式，直接在标签上声明：
-
rows：指定默认显示的行数（按字体行高估算），例如
rows="4"表示大约可看 4 行文字； -
cols：指定默认宽度，单位是“平均字符宽度”，例如
cols="50"表示约容纳 50 个英文字符宽； - 注意：这两个值只是初始建议，不阻止用户拖拽调整大小（除非用 CSS 禁用），也不限制实际输入字数。
用 CSS 设置精确宽高与禁用缩放
CSS 提供更可控、响应式的尺寸管理，且优先级高于 rows/cols：
- 用
width和height直接设定像素或百分比，如style="width: 100%; height: 120px;"； - 配合
resize: none防止用户手动拉伸，保持布局稳定； - 若需等宽字体效果（如代码输入），可加
font-family: monospace，让 cols 值更准确； - 移动端建议用
max-width或媒体查询适配不同屏幕。
用 maxlength 限制输入字符总数
这是真正意义上的“内容大小限制”，防止用户提交过长文本：
立即学习“前端免费学习笔记（深入）”；
-
maxlength="200"表示最多允许输入 200 个 Unicode 字符（包括换行符、空格）； - 浏览器会自动截断超出部分，表单提交时也只发送前 200 个字符；
- 搭配 JavaScript 可实时显示剩余字数，提升用户体验；
- 注意：中文、emoji、全角符号均算作 1 个字符，与后端校验逻辑保持一致很重要。
补充：避免常见误区
有些做法看似合理，但容易出错：
- 不要用
value属性给 textarea 赋默认值——内容必须写在开始与结束标签之间，如<textarea>默认文字</textarea>； - 不要仅靠 CSS 的
overflow: hidden来“隐藏”超长内容——这无法阻止输入，也不影响 maxlength 生效； - rows/cols 的数值是整数，不能带单位（如
rows="4px"无效）； - 如果同时写了 rows/cols 和 CSS 宽高，CSS 通常会覆盖 HTML 属性的渲染效果。
