多行文本框

Textarea

UI 组件也叫：多行输入框、文本域、文本区域、TextArea

一句话：可以输入多行文字的输入框，按回车会换行，适合备注、评论、问题描述这类较长的内容。

详细解释

多行文本框就是能换行的 输入框，HTML 里是 <textarea>。它默认显示 3~5 行高，内容多了会出现滚动条，也可以设置成随内容自动长高。右下角常显示「已输入 / 最多字数」的计数，比如「32/200」，帮用户控制长度。

它和单行输入框的区别在于内容长短和是否换行：姓名、标题用输入框；备注、评价、问题描述、个人简介用多行文本框。如果用户还需要加粗、插图片、排版，就超出了它的能力，要用富文本编辑器。在聊天或 AI 对话的输入区，多行文本框通常设置成回车发送、Shift+回车换行。

灰度线框示意，只表达结构，不代表具体视觉风格。

可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。

「问题描述」用多行文本框，默认 4 行高，随内容自动增高，最多 10 行后出现滚动条。框内占位提示「请描述遇到的问题，至少 10 个字」，右下角显示字数计数「0/500」，超过 500 字不能再输入，不允许用户拖动改变大小。

由多行高度的输入区域和占位提示组成，右下角常带字数计数，可以设置拖拽改变大小或自动增高。

插件本地识别时匹配的 CSS 选择器（标签、ARIA role、常见组件库 class）。