Qu'est-ce que Générateur de formulaires ?

Form Builder vous permet de créer des formulaires personnalisés avec un éditeur visuel. Ajoutez des champs de texte, des menus déroulants, des cases à cocher et bien plus, puis exportez le formulaire en HTML ou en schéma JSON.

Choisissez parmi quatorze types de champs : texte, e-mail, téléphone, URL, nombre, date, envoi de fichier, échelle de notation, liste déroulante, case à cocher, choix unique, zone de texte, blocs de description pour le texte d'introduction et sauts de page qui découpent un long formulaire en étapes. Chaque champ de saisie possède un libellé, un texte d'aide facultatif, un texte indicatif, un indicateur d'obligation et une liste d'options pour les listes déroulantes et les choix uniques. Partez d'un modèle prêt à l'emploi (contact, avis, enquête, inscription, commande, réservation), réorganisez les champs avec les flèches haut/bas, prévisualisez le formulaire en direct avec une barre de progression entre les pages, puis exportez une page HTML stylée prête à coller sur n'importe quel site ou un schéma JSON pour la validation côté serveur.

Comment utiliser

1. Étape 1 — Cliquez sur « Ajouter un champ » pour insérer un nouveau champ et choisir son type (texte, e-mail, téléphone, URL, nombre, date, fichier, échelle de notation, liste déroulante, case à cocher, choix unique ou zone de texte), ajoutez un saut de page pour découper un long formulaire en étapes, ou chargez un modèle prêt à l'emploi pour démarrer vite.
2. Étape 2 — Cliquez sur un champ pour définir son libellé, son texte indicatif et son caractère obligatoire.
3. Etape 3 — Previsualisez le formulaire en direct, puis exportez-le en code HTML ou en schema JSON pour l'integrer a votre projet.

Quand l'utiliser

• Construire vite un formulaire d'inscription ou de RSVP à intégrer dans un site statique.
• Prototyper un formulaire avant de passer le schéma à un développeur pour l'intégrer.
• Enseigner les bases des formulaires HTML sans demander aux élèves de saisir chaque balise.

Résultat

Une enseignante cree un formulaire d'inscription avec les champs Nom de l'eleve (texte obligatoire), Niveau scolaire (menu deroulant : 6e a Terminale), E-mail (validation e-mail) et une zone de texte pour les commentaires — puis exporte le HTML pour l'integrer au site de l'ecole.

FAQ

Où vont les données quand quelqu'un soumet le formulaire ?

Nulle part par défaut. Le HTML exporté n'a pas d'URL d'action : l'envoi ne part nulle part et les données ne quittent jamais l'appareil. Pour collecter les réponses, pointez l'action vers votre propre endpoint, Formspree, Google Forms ou une fonction serverless.

Puis-je réimporter un formulaire existant dans l'éditeur ?

Pas pour l'instant. L'export est à sens unique : de l'éditeur vers HTML ou JSON. Pour modifier un formulaire plus tard, conservez le schéma JSON et reconstruisez-le à la main, ou gardez la session ouverte le temps d'itérer.

Pourquoi mes options de liste déroulante n'apparaissent pas ?

Les listes déroulantes et les boutons radio ont besoin d'au moins un élément dans la liste d'options. Cliquez sur le champ, ouvrez la section Options et saisissez chaque choix séparé par des virgules ou des retours à la ligne. Une liste vide produit un select vide.

Le HTML exporté contient-il du style ?

Oui — chaque export HTML inclut désormais une petite feuille de style intégrée, si bien que le formulaire est propre et lisible dès l'ouverture du fichier : espacement net, bordures de champs, anneau de focus et bouton d'envoi stylé. Le CSS est minimal et autonome : gardez-le tel quel ou supprimez le bloc de style pour mettre vos propres classes Tailwind, Bootstrap ou autre framework.

Quelle différence entre l'export HTML et l'export JSON ?

Le HTML est prêt à coller dans une page et à afficher. Le JSON est un schéma structuré décrivant les types de champs, libellés et règles de validation, adapté pour rendre avec React, Vue ou des bibliothèques comme react-hook-form ou Formik.

Outils similaires