Criador de especificações de formulários
Construa um esquema de formulário com tipos de campo, limites de validação, escolhas, campos obrigatórios e visibilidade condicional. Visualização e exportação JSON ou um resumo de implementação.
Especificação de formulários
{
"name": "Contact request",
"fields": [
{
"name": "email",
"label": "Email address",
"type": "email",
"required": true,
"maxLength": 254,
"errorMessage": "Enter a valid email address."
},
{
"name": "reason",
"label": "What can we help with?",
"type": "select",
"required": true,
"options": [
"General question",
"Billing",
"Other"
],
"errorMessage": "Choose a reason."
},
{
"name": "message",
"label": "Tell us more",
"type": "textarea",
"required": true,
"minLength": 10,
"maxLength": 2000,
"visibleWhen": {
"field": "reason",
"equals": "Other"
},
"errorMessage": "Write between 10 and 2000 characters."
}
]
}O texto exportado permanece em inglês; seus dados são mantidos como foram digitados.
Sem registro. Nenhum crédito de IA. Esta ferramenta monta sua saída no seu navegador.
De uma ideia para algo útil.
- 01
Adicione e nomeie seus campos de formulário.
- 02
Definir validação, escolhas e condições de visibilidade opcionais.
- 03
Reveja a pré-visualização do formulário ao vivo e exporte a especificação.
Um pouco de contexto.
Uma especificação de formulário registra o que cada campo aceita e quando aparece. Esta ferramenta suporta comum HTML Tipos de campo, campos obrigatórios, limites de comprimento de texto, e uma única condição de visibilidade baseada em igualdade por campo. A pré-visualização executa validação local do cliente; validação do lado do servidor e armazenamento permanecem trabalhos de implementação.
Boas perguntas.
A prévia enviará meus dados?
Não. A apresentação da pré-visualização só valida os campos localmente e mostra uma confirmação local. Nada é salvo ou enviado.
Posso criar lógica condicional complexa?
Cada campo suporta uma condição de igualdade em um campo anterior. Isso mantém as condições previsíveis e evita regras de visibilidade circular.