Aller au contenu
Planification/Outil gratuit

Créateur de spécifications de formulaires

Construire un schéma de formulaire avec les types de champs, les limites de validation, les choix, les champs requis et la visibilité conditionnelle. Aperçu et exportation JSON ou un mémoire de mise en œuvre.

Détails du formulaire

01 / Email address

02 / What can we help with?

03 / Tell us more

C'est exact. Pour une case à cocher, utilisez true ou false.

Essayez le formulaire

Prévisualiser les valeurs restent dans cette page. La soumission n'effectue que la validation locale.

Spécification de formulaires

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."
    }
  ]
}
Nombre de mots: 82Retour aux détails ↑

Le texte exporté reste en anglais ; vos saisies sont conservées telles quelles.

Pas d'inscription. Pas de crédits d'IA. Cet outil assemble votre sortie dans votre navigateur.

D'une idée à quelque chose d'utile.

  1. 01

    Ajouter et nommer vos champs de formulaire.

  2. 02

    Définir les conditions de validation, de choix et de visibilité optionnelle.

  3. 03

    Consultez l'aperçu du formulaire en direct et exportez les spécifications.

Un peu de contexte.

Une spécification de formulaire enregistre ce que chaque champ accepte et quand il apparaît. Cet outil prend en charge HTML types de champ, champs requis, limites de longueur de texte, et une condition de visibilité unique fondée sur l'égalité par champ. L'aperçu exécute la validation locale du client ; la validation et le stockage côté serveur restent des travaux d'implémentation.

Bonnes questions.

L'aperçu va-t-il soumettre mes données ?

C'est pas vrai. Prévisualiser la soumission valide uniquement les champs localement et affiche une confirmation locale. Rien n'est sauvé ou envoyé.

Puis-je créer une logique conditionnelle complexe?

Chaque champ supporte une condition d'égalité sur un champ antérieur. Cela maintient les conditions prévisibles et évite les règles de visibilité circulaire.

Tous les outils