Saltar al contenido
Planificación/Herramienta gratuita

Creador de especificaciones de formularios

Construya un esquema de forma con tipos de campo, límites de validación, opciones, campos requeridos y visibilidad condicional. Vista previa y exportación JSON o un informe de ejecución.

Detalles del formulario

01 / Email address

02 / What can we help with?

03 / Tell us more

Concordancia exacta. Para una casilla de verificación use verdadero o falso.

Prueba el formulario

Los valores de vista previa permanecen en esta página. La presentación sólo tiene validación local.

Especificación de formularios

form-specification.json
{
  "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."
    }
  ]
}
Número de palabras: 82Volver a detalles ↑

El texto exportado sigue en inglés; tus datos se conservan tal como los escribiste.

No hay señalización. No hay créditos de inteligencia artificial. Esta herramienta monta su salida en su navegador.

De una idea a algo útil.

  1. 01

    Agregue y nombre sus campos de formulario.

  2. 02

    Establecer condiciones de validación, opciones y visibilidad opcional.

  3. 03

    Revise la vista previa de formulario en vivo y exporte la especificación.

Un pequeño contexto.

Una especificación de forma registra lo que cada campo acepta y cuando aparece. Esta herramienta es compatible con la HTML tipos de campo, campos requeridos, límites de longitud de texto, y una condición de visibilidad única basada en la igualdad por campo. La vista previa funciona la validación local del cliente; validación y almacenamiento del lado del servidor siguen siendo trabajo de implementación.

Buenas preguntas.

¿La vista previa enviará mis datos?

No. La presentación previa sólo valida los campos localmente y muestra una confirmación local. Nada es salvo o enviado.

¿Puedo crear una lógica condicional compleja?

Cada campo apoya una condición de igualdad en un campo anterior. Esto mantiene las condiciones predecibles y evita reglas de visibilidad circular.

Todas las herramientas