多行文本框

Textarea

初级通用

多行文本框（Textarea）是表单中供用户输入和编辑多行纯文本的控件。它解决了反馈、备注等内容难以在单行输入框里查看和修改的问题，例如让用户填写一段订单问题描述。

你可能会说：「帮我做一个能写好几行内容的输入区域，用户写反馈时可以回头修改。」

动手看看订单问题描述框

申请售后订单 #MS2048 · 不锈钢保温杯

问题描述

收到的保温杯杯盖有裂纹。
外包装完好，拆箱后才发现。
希望更换杯盖，照片已上传。

请按实际情况描述，可分行补充细节。

文本框状态

描述内容

悬停描述框，再用 Tab 聚焦；切换状态和内容看差别。这是外观预览，不支持直接打字，多行文字由下方参数切换。

悬停边框提示这里可以输入，聚焦外圈告诉你键盘操作的位置。真实文本框中，Enter 用来换行，不应直接提交表单。

问题、发现经过和诉求分成三行，能一起查看。多行文本框保留纯文本换行，让长描述比挤在单行里更容易检查和修改。

1
让较长内容留在同一处编辑
你做反馈表单时，用户可能要写几句话，还会回头修改。多行文本框把这些内容放在同一个可编辑区域里，比挤在单行输入框中更方便查看。
2
区分自动换行和手动换行
一行文字太长时，控件会在显示上自动折到下一行；用户按回车产生的换行则属于输入内容。我们处理提交结果时要分清两者，不能把视觉上的折行都当作用户写入的换行。
3
按内容安排高度和填写提示
如果预计用户会写一段说明，初始高度就给到能看见几行文字，减少来回滚动。再用表单标签说明要填什么；占位文字可以补充例子，但用户开始输入后它就不再显示。

多行文本框和单行输入框都接收文字，区别在于前者适合一段可换行的内容，后者适合姓名、邮箱这类简短值。它也不是富文本编辑器：用户可以写文字和换行，但如果产品要求插入图片、设置标题或加粗，就需要另选编辑方案。

你在做一个客服反馈页，用户要描述故障发生的步骤，可能分几行写；页面只收集纯文字。你会选哪种控件？

请在客服反馈表单中加入一个多行文本框，用于填写故障经过。给它明确的表单标签，初始状态能显示几行文字，保留用户输入的换行；提交时把内容作为纯文本字段发送，并提示空内容无法提交。