---
title: "Flow Builder 中的输入框与表单"
description: "添加文本字段、复选框等交互式表单元素。"
---

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

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

:::link
有关视觉设置（布局、样式和可见性）的更多详情，请参阅[元素样式](builder-styling)。
:::

对于所有输入类型，你可以在 **Design** 标签页中配置以下内容：
- **Type（类型）：** 更改输入类型（文本、电子邮件、密码、数字、电话号码、日期、时间或日期和时间）。
- **Element ID（元素 ID）：** 用于在流程中其他位置引用输入值的标识符。请参阅下方的[使用输入值](#use-input-values)。
- **Placeholder（占位符）：** 在空字段内显示的提示文字。
- **State（状态）：** 定义输入框在不同情况下的外观。在 **Default**、**Active**、**Invalid** 和 **Disabled** 之间切换，并为每种状态应用不同的视觉样式。
- **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`**
:::link
查看以下相关指南，了解如何使用已保存的输入值：
- [条件导航](onboarding-navigation-branching)
- [变量](onboarding-variables)
:::