多行文本域Textarea
填写与选择让用户输入多行文字
先知道
评论、简介、反馈和给 AI 的提示词通常需要多行文本域。它可以预留合适高度，并按需要提供字数提示或调整大小；只填写简短单行内容时，普通输入框更直接。
0 / 500
什么时候用
- 发表评论、写回复：内容长短不限写得真好，学习了！发布
- 个人简介、项目描述：几句话说清一件事这个组件的交互设计得很细致……
- 给 AI 写提示词：指令往往又长又具体帮我把这段文案改得更口语化，保留原意……AI生成
- 有字数上限时配上实时计数这个组件的交互设计得很细致……48 / 500
什么时候不用
- 只填一个词或一行 → 用 输入框 Input标题2026 年产品规划 v3
- 选项是固定的几个 → 用 选择器 Select状态进行中
- 要加粗、插图、排版 → 得用富文本编辑器我想把这段话加粗，再插一张图……纯文本域做不到富文本
- 用多行文本域展示只读内容；正文或描述组件更合适一大段只读内容放进灰框，看起来像没填完的表单
组成结构 · Anatomy
反馈意见
0 / 200
1标签Label告诉用户写哪方面的内容
2文本域本体Textarea行数用 rows 预设，通常可拖拽调高
3字数统计Word Count接近上限时变红提醒
常见变体 · Variants
默认Default
评论、反馈等常规多行输入
带字数统计With Count
21 / 500
有字数上限时，让用户写得心里有数
只读Readonly
内容已确定，只展示不让改
禁用Disabled
整个文本域暂时不可编辑
典型使用场景
评论区输入框
阿澈 2 小时前
这个组件的交互设计得很细致，学习了！
😊 表情
个人简介编辑
林小hu
编辑个人资料
个人简介
26 / 100
AI 对话提示词
帮我把这段文案改得更口语化，保留原意，别超过 100 字
好的，这是更口语化的版本……
📎 附件
意见反馈表单
问题类型功能异常体验建议其他
问题描述
📎 可上传截图