---
title: "Inputs y formularios en el Flow Builder"
description: "Añade elementos de formulario interactivos como campos de texto y casillas de verificación."
---

Usa inputs para recopilar datos introducidos por los usuarios, como un nombre, una dirección de correo electrónico o una fecha de nacimiento. Guarda las respuestas y referencíalas en cualquier otra parte del flow, por ejemplo, para dirigirte al usuario por su nombre en una pantalla posterior.
### Añadir un campo de entrada \{#add-an-input\}

1. Haz clic en **+** en la parte superior izquierda.
2. Selecciona **Input**.
3. Elige el tipo de campo de entrada:
   - **Text:** Cualquier texto corto.
   - **Email:** Direcciones de correo electrónico, con validación de formato opcional.
   - **Password:** Entrada de texto segura, con requisitos configurables.
   - **Number:** Valores numéricos, con formato configurable.
   - **Phone number:** Números de teléfono.
   - **Date:** Abre un selector de fecha.
   - **Time:** Abre un selector de hora.
   - **Date and time:** Abre un selector combinado.
### Configurar un campo de entrada \{#configure-an-input\}

:::link
Para más detalles sobre los ajustes visuales —diseño, estilo y visibilidad— consulta [Estilo de elementos](builder-styling).
:::

Para todos los tipos de campo de entrada, puedes configurar lo siguiente en la pestaña **Design**:
- **Type:** Cambia el tipo de entrada (Text, Email, Password, Number, Phone number, Date, Time o Date and time).
- **Element ID:** Identificador que se usa para referenciar el valor de la entrada en otras partes del flow. Consulta [Usar valores de entrada](#use-input-values) más abajo.
- **Placeholder:** Texto de pista que se muestra dentro del campo vacío.
- **State:** Define el aspecto de la entrada en distintas situaciones. Alterna entre **Default**, **Active**, **Invalid** y **Disabled** y aplica diferentes estilos visuales a cada uno.
- **Typography:** Estilo de texto para el valor que se muestra en el campo.
- **Leading and trailing icons:** Añade iconos dentro del campo de entrada.

Algunos ajustes son específicos de ciertos tipos de entrada:
| Ajuste                             | Tipos de entrada           |
|------------------------------------|----------------------------|
| Botón de borrar                    | Texto, Correo electrónico  |
| Validar formato de correo          | Correo electrónico         |
| Mostrar icono de contraseña        | Contraseña                 |
| Editar requisitos de contraseña    | Contraseña                 |
| Formato de número                  | Número                     |
| Formato de fecha/hora              | Fecha, Hora, Fecha y hora  |
| Fecha mínima y máxima              | Fecha, Fecha y hora        |

### Usar valores de entrada

Cada entrada está disponible automáticamente como variable — no se necesita configuración ni una acción **On Submit**. El valor se referencia mediante el **Element ID** del campo, que defines en **Input Settings**.

Para usar el valor de una entrada en otro lugar del flow (por ejemplo, para personalizar texto, rellenar otro campo o gestionar una navegación condicional), inserta una variable y elige:

**Element > Screen > `<elementId>.value`**
:::link
Consulta las guías correspondientes para entender cómo usar los valores de entrada guardados:
- [Navegación condicional](onboarding-navigation-branching)
- [Variables](onboarding-variables)
:::