显示侧边栏

文本域

从用户获取多行文本输入。适用于评论、描述和反馈。

描述

<flux:textarea />

带占位符

在文本域内显示提示，指导用户输入内容。

订单备注

<flux:textarea    label="Order notes"    placeholder="No lettuce, tomato, or onion..."/>

通过传递 rows 属性来自定义文本域的高度。

备注

<flux:textarea rows="2" label="Note" />

使用 CSS 的新 field-sizing 属性，通过传递 rows="auto" 属性，文本域将自动调整高度以适应内容。

此功能并非在所有网页浏览器中都可用。访问 caniuse.com 查看哪些浏览器支持此功能。

<flux:textarea rows="auto" />

如果您想限制用户调整文本域的大小，可以使用 resize="none" 属性。

<flux:textarea resize="vertical" /><flux:textarea resize="none" /><flux:textarea resize="horizontal" /><flux:textarea resize="both" />

带标签的结构化表单字段

用于收集用户输入的文本字段

属性	描述
wire:model	将文本域绑定到 Livewire 属性。更多信息请参阅 wire:model 文档。
placeholder	当文本域为空时显示的占位文本。
label	显示在文本域上方的标签文本。提供时，会将文本域包装在 flux:field 组件中，并带有一个相邻的 flux:label 组件。请参阅字段组件。
description	显示在文本域下方的帮助文本。当与 label 一起提供时，出现在 flux:field 包装器内的标签和文本域之间。请参阅字段组件。
description:trailing	提供的描述将显示在文本域下方而非上方。
badge	当提供 label 属性时，显示在 flux:label 组件末尾的徽章文本。
rows	可见文本行数。使用 "auto" 进行自动高度调整。默认值：4。
resize	控制文本域的大小调整方式。选项：vertical（默认）、horizontal、both、none。
invalid	如果为 true，则为文本域应用错误样式。

属性	描述
data-flux-textarea	应用于文本域元素，用于样式化和识别。