---
title: Dynamic Form
description: O componente DynamicForm é uma ferramenta fundamental para a captura de dados inseridos pelo usuário em páginas web. Ele oferece a funcionalidade adicional de criar formulários dinamicamente com base em dados provenientes de um banco de dados inserido nele. Para…
url: "https://gaianocode.com.br/docs/dynamic-form/"
updated: "2024-03-19"
category: Pages / Page Componentes / Dynamicform
---

# Dynamic Form

O componente DynamicForm é uma ferramenta fundamental para a captura de dados inseridos pelo usuário em páginas web. Ele oferece a funcionalidade adicional de criar formulários dinamicamente com base em dados provenientes de um banco de dados inserido nele. Para utilizar o DynamicForm, basta inseri-lo em sua página e ele se encarregará de criar o formulário automaticamente com base nos dados disponíveis no banco de dados. Essa abordagem simplifica significativamente o processo de criação de formulários, eliminando a necessidade de configurar manualmente cada campo. Com o DynamicForm, você pode facilmente criar uma variedade de formulários, desde simples formulários de contato até formulários de inscrição mais complexos, de forma rápida e eficiente.

![](https://gaianocode.com.br/wp-content/uploads/2024/03/dynamicform-1024x467.png)

## Localização

O componente Dynamic Form se encontra dentro de WebCompoents conforme ilustrado abaixo:

![](https://gaianocode.com.br/wp-content/uploads/2024/03/dynamicform2.png)

## Propriedades

### Basic

As propriedades básicas do componente Dynamic Form referem-se ao tipo de formulário, proporcionando a opção de escolher entre 3 tipos distintos.

### One Column

![](https://gaianocode.com.br/wp-content/uploads/2024/03/dynamicform-1-1024x467.png)

Ao optar pelo tipo "One Column", será gerado um formulário com apenas uma coluna.

### Two Column

![](https://gaianocode.com.br/wp-content/uploads/2024/03/dynamicform3-1024x493.png)

Ao optar pelo tipo "Two Column", será gerado um formulário com duas colunas.

### Three Column

![](https://gaianocode.com.br/wp-content/uploads/2024/03/dynamicform4-1024x434.png)

Ao optar pelo tipo "Three Column", será gerado um formulário com três colunas.

## Params

O componente Dynamic Form oferece uma série de propriedades de parâmetros essenciais para configurar a conexão com o banco de dados e definir os detalhes do formulário dinâmico. Esses parâmetros incluem Password, Connection URL, Table Name, Username e Box Size. A propriedade Password refere-se à senha necessária para acessar o banco de dados, enquanto a Connection URL representa a URL de conexão com o banco de dados, especificando o local e outros detalhes de conexão. O Table Name indica o nome da tabela no banco de dados que contém os dados a serem utilizados para criar o formulário dinâmico, e o Username corresponde ao nome de usuário utilizado para autenticar a conexão com o banco de dados. Por fim, o Box Size define o tamanho da caixa onde o formulário dinâmico será exibido.

![](https://gaianocode.com.br/wp-content/uploads/2024/03/dynamicform5.png)