Flow Builder 中的输入框与表单

使用输入框收集用户填写的数据——例如姓名、电子邮件地址或出生日期。将用户的回答保存下来，并在流程的其他地方引用，比如在后续页面上用姓名称呼用户。

添加输入框

有关视觉设置（布局、样式和可见性）的更多详情，请参阅样式与外观。

对于所有输入类型，您可以在 Design 标签页中配置以下内容：

Type（类型）： 更改输入类型（Text、Email、Password、Number、Phone number、Date、Time 或 Date and time）。
Element ID（元素 ID）： 用于在流程中其他位置引用该输入值的标识符。详见下方使用输入值。
Placeholder（占位符）： 显示在空字段内的提示文字。
State（状态）： 定义输入框在不同情况下的外观。可在 Default、Active、Invalid 和 Disabled 之间切换，并为每种状态设置不同的视觉样式。
Typography（排版）： 字段中显示内容的文字样式。
Leading and trailing icons（前置与后置图标）： 在输入框内添加图标。

某些设置仅适用于特定的输入类型：

每个输入都会自动作为变量使用，无需任何配置或 On Submit 操作。输入值通过 Element ID 引用，该 ID 在 Input Settings 中设置。

要在流程的其他位置使用输入值（例如个性化文案、填充其他字段或驱动条件导航），插入一个变量并选择：

Element > Screen > <elementId>.value

查看以下相关指南，了解如何使用已保存的输入值：

验证行为取决于输入类型。每个输入都会暴露一个只读布尔变量 <elementId>.isValid，用于反映输入值是否通过了该输入的验证规则。你可以在条件动作或条件可见性中使用它——例如，在电子邮件格式有效之前隐藏”下一步”按钮。

输入类型	验证行为
文本	无内置验证规则。
电子邮件	可选。在 Design 面板中启用 Validate email format，以对输入的值进行电子邮件格式校验。
电话号码	内置电话号码格式检查。无法在编辑工具中配置——该规则在运行时进行评估。
密码	可配置。请参阅下方的密码要求。
数字	基于格式。输入的值必须符合所选的数字格式。请参阅下方的数字格式。
日期、时间、日期和时间	内置。选择器仅接受有效的日期或时间值。
Invalid 视觉状态会在用户提交表单时触发——例如按下键盘上的 Enter 或 Done 键。在此之前，输入框显示 Active 或 Default 状态。

密码输入框支持可配置的验证规则。在 Design 面板中点击 Edit password requirements 即可打开规则编辑器。已启用的规则会以实时清单的形式显示在输入框下方——每条规则满足条件时，对应项目前会出现勾选标记。

可用规则：

只有满足所有已启用的规则，密码才视为有效。

Number 输入设置中的 Format 下拉菜单控制输入值的解析方式：

不符合所选格式的值将被视为无效。

主要文章：动作

你可以通过 Interactions 面板在用户输入时触发相应动作：