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