textarea 的 maxlength 属性可原生限制字符数，但需配合 JavaScript 监听 input/paste 事件截断超限内容、实时更新字数提示，并强制后端校验与数据库约束。
直接在 <textarea> 标签里写 maxlength 属性就能限制多行输入的字数，但要注意它只按字符数（UTF-16 码元）计数，不是“看起来几个字”，也不拦得住粘贴、中文输入法未上屏等操作，必须搭配 JavaScript 和后端校验才真正可靠。
用 maxlength 属性设置基础限制
这是最简单、浏览器原生支持的方式，适用于绝大多数现代浏览器（IE10+、Chrome、Firefox、Safari、Edge）：
- 在
<textarea>标签中添加maxlength="200"，例如：<textarea name="comment" maxlength="200" rows="5" cols="50"></textarea> - 它会阻止用户通过键盘输入超出限制的内容（部分输入法下可能有短暂延迟）
- 对换行符（
\n算 1 字，\r\n算 2 字）、中文汉字（基本 1 字）、英文和数字都统一按字符计数 - ⚠️ 注意：不支持
type="number"或contenteditable元素，拼错成max-length或maxLength也无效
补上粘贴和中文输入法的漏洞
用户复制粘贴长文本、或用拼音/五笔输入法打字时，maxlength 不会实时拦截。需监听 input 和 paste 事件做兜底：
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
- 监听
input事件，在每次输入后检查长度，超限时立即截断：textarea.value = textarea.value.slice(0, 200); - 单独监听
paste事件，防止一次粘贴就突破限制 - 中文输入场景下，可加判断
if (!event.isComposing)避免打断组词过程 - 截断后建议手动恢复光标到末尾：
textarea.setSelectionRange(textarea.value.length, textarea.value.length);
加上实时字数提示提升体验
用户需要知道还剩多少空间，而不是输完才发现被截断：
立即学习“前端免费学习笔记（深入）”；
- 在页面放一个提示文字，比如：
<p>还可输入 <span id="remain">200</span> 字</p> - 在
input事件里动态更新：const remain = Math.max(0, 200 - textarea.value.length);<br>document.getElementById('remain').textContent = remain; - 可选：当剩余为 0 时给 textarea 加红色边框或禁用提交按钮，增强反馈
后端必须二次校验，不能只信前端
前端任何限制都可被绕过（删 DOM 属性、禁用 JS、curl 直接发请求），所以服务端收到数据后必须独立验证：
- 用语言原生方式计算字符串长度，如 Python 的
len(text)、Node.js 的text.length - 若业务要求是“UTF-8 字节数 ≤ 500”，则不能只看字符数——中文在 UTF-8 中占 3 字节，需用专门函数计算字节长度
- 数据库字段也要设好长度约束（如 MySQL 的
VARCHAR(200)），避免存储异常
