Flow Builder 中的输入框与表单

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

添加输入框

Add input
  1. 点击左上角的 +
  2. 选择 Input
  3. 选择输入类型:
    • Text: 任意短文本输入。
    • Email: 电子邮件地址,支持可选的格式验证。
    • Password: 安全文本输入,可配置密码要求。
    • Number: 数字值,可配置格式。
    • Phone number: 电话号码。
    • Date: 打开日期选择器。
    • Time: 打开时间选择器。
    • Date and time: 打开组合选择器。

配置输入项

有关视觉设置(布局、样式和可见性)的更多详情,请参阅元素样式

对于所有输入类型,你可以在 Design 标签页中配置以下内容:

  • Type(类型): 更改输入类型(文本、电子邮件、密码、数字、电话号码、日期、时间或日期和时间)。
  • Element ID(元素 ID): 用于在流程中其他位置引用输入值的标识符。请参阅下方的使用输入值
  • Placeholder(占位符): 在空字段内显示的提示文字。
  • State(状态): 定义输入框在不同情况下的外观。在 DefaultActiveInvalidDisabled 之间切换,并为每种状态应用不同的视觉样式。
  • Typography(排版): 字段中显示值的文字样式。
  • Leading and trailing icons(前置和后置图标): 在输入字段内添加图标。
添加输入

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

设置输入类型
清除按钮Text、Email
验证邮箱格式Email
显示密码图标Password
编辑密码要求Password
数字格式Number
日期/时间格式Date、Time、Date and time
最小和最大日期Date、Date and time
添加输入
添加输入

使用输入值

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

如需在流程的其他地方使用输入值(例如个性化文案、填充其他字段或控制条件跳转),插入一个变量并选择:

Element > Screen > <elementId>.value

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