COMPONENT 21 · Text & File Inputs

多行文本框

Textarea

也叫Multiline Text FieldText Area多行输入NSTextView

用于输入可换行长文本的可调整区域。

A resizable control for entering longer, multi-line text.

ANATOMY & USAGE

结构与使用建议

组成部分

标签
多行编辑区
字数或帮助提示

适合使用

用户需要输入评论、描述或消息正文时。

不建议使用

输入很短、固定格式或只需单行时。

键盘与无障碍

提供持久标签、合理大小和字数反馈；不要禁止浏览器缩放文本区域。

DESCRIBE IT TO AI

这样告诉编程助手

实现多行文本框（Textarea）：用于输入可换行长文本的可调整区域。

MINIMAL RUNNABLE CODE

可复制代码

原生与 React 两套实现，不依赖第三方组件库。

READ ONLY · SAFE TO COPY

<label class="demo stack" for="field">
  <span>多行文本框</span>
  <textarea id="field" rows="3" placeholder="请输入内容">
  </textarea>
  <small class="muted">输入内容会保留在当前示例中。</small>
</label>