---
title: "Corfix Form Builder : utilisation du composant « E-mail »."
description: Cet article vous explique comment utiliser le composant « E-mail » dans le générateur de modèles.
---

[Passer au contenu](https://knowledge.corfix.com/fr/articles/corfix-form-builder-using-the-photo-component-1#main-content)

- [Français](https://knowledge.corfix.com/fr/articles/corfix-form-builder-using-the-photo-component-1)
- [English](https://knowledge.corfix.com/articles/corfix-form-builder-using-the-photo-component-1)
- [Español](https://knowledge.corfix.com/es/articles/corfix-form-builder-using-the-photo-component-1)
- [Português](https://knowledge.corfix.com/pt/articles/corfix-form-builder-using-the-photo-component-1)

Français

Afficher le sous-menu pour les traductions

![corfix-homepage-logo-p2j9gx0ryq843my9lgspxy2gvhhw6i160md5zg9rls.png\]](https://knowledge.corfix.com/hs-fs/hubfs/corfix-homepage-logo-p2j9gx0ryq843my9lgspxy2gvhhw6i160md5zg9rls.png?height=40&name=corfix-homepage-logo-p2j9gx0ryq843my9lgspxy2gvhhw6i160md5zg9rls.png)

Ouvrir la navigation principale

Fermer la navigation principale

- - [Français](https://knowledge.corfix.com/fr/articles/corfix-form-builder-using-the-photo-component-1)
    - [English](https://knowledge.corfix.com/articles/corfix-form-builder-using-the-photo-component-1)
    - [Español](https://knowledge.corfix.com/es/articles/corfix-form-builder-using-the-photo-component-1)
    - [Português](https://knowledge.corfix.com/pt/articles/corfix-form-builder-using-the-photo-component-1)

  Français
  
  Afficher le sous-menu pour les traductions
- Contact Us

 Contact Us

 Vous avez une question ? Cherchez dans le guide Corfix !

- Il n'y a aucune suggestion car le champ de recherche est vide.

1. [Corfix Guide](https://knowledge.corfix.com/fr/articles?hsLang=fr)
2. [Tutoriels sur le générateur de modèles](https://knowledge.corfix.com/fr/articles/tutoriels-sur-le-g%C3%A9n%C3%A9rateur-de-mod%C3%A8les?hsLang=fr)
3. [Guides du générateur de modèles](https://knowledge.corfix.com/fr/articles/tutoriels-sur-le-g%C3%A9n%C3%A9rateur-de-mod%C3%A8les?hsLang=fr#guides-du-g%C3%A9n%C3%A9rateur-de-mod%C3%A8les)

31 juillet 2026

# Corfix Form Builder : utilisation du composant « E-mail ».

## Cet article vous explique comment utiliser le composant « E-mail » dans le générateur de modèles.

Ce composant est spécialement conçu pour la collecte d’adresses e-mail et intègre une fonctionnalité de validation du format des adresses e-mail.

---

#### Où le trouver

Dans votre générateur de formulaires Corfix, cliquez sur un **composant « E-mail »** pour accéder au panneau de configuration. Vous verrez quatre onglets :

- **Affichage**
- **Données**
- **Validation**
- **Conditionnel**

---

### 1. Onglet « Affichage »

L'onglet « Affichage » permet de contrôler la manière dont le composant « E-mail » s'affiche pour l'utilisateur.

- **Libellé :**
  
    - Il s'agit du nom visible de votre champ e-mail que les utilisateurs verront. Ce champ est obligatoire.
    - *Exemple :* « Adresse e-mail », « E-mail de contact », « E-mail de l'utilisateur ».
- **Position du libellé :**
  
    - Détermine l'emplacement de l'étiquette par rapport au champ de saisie de l'e-mail (par exemple : en haut, à gauche, à droite, en bas).
    - *Par défaut :* en haut.
- **Texte d'aide :**
  
    - Texte qui apparaît dans le champ de saisie avant que l'utilisateur ne saisisse quoi que ce soit. Il s'agit d'une indication donnée à l'utilisateur sur ce qu'il doit saisir.
    - *Exemple :* « john.doe@example.com ».
- **Description :**
  
    - Fournit un texte explicatif supplémentaire pour le champ, généralement affiché sous la zone de saisie.
    - *Exemple :* « Veuillez saisir votre adresse e-mail principale pour que nous puissions vous contacter. »
- **Info-bulle :**
  
    - Texte qui s'affiche lorsque l'utilisateur passe la souris sur le champ. Utile pour fournir une aide rapide ou du contexte.
- **Préfixe :**
  
    - Texte qui apparaît *avant* le champ de saisie. (Moins courant pour les champs d'adresse e-mail).
- **Suffixe :**
  
    - Texte qui s'affiche *après* le champ de saisie. (Moins courant pour les champs d'adresse e-mail).
- **Classe CSS personnalisée :**
  
    - Permet aux utilisateurs avancés d’appliquer une mise en forme personnalisée au composant à l’aide de classes CSS.
- **Saisie semi-automatique :**
  
    - Contrôle le comportement de la saisie semi-automatique du navigateur (par exemple, « activée » ou « désactivée »). Pour les adresses e-mail, l’option « activée » est généralement utile.
    - *Par défaut : «* activé ».
- **Masquer le libellé :**
  
    - Si cette option est cochée, le libellé du champ e-mail ne s'affichera pas.
- **Activer la vérification orthographique :**
  
    - Si cette option est cochée, la vérification orthographique est activée pour le champ d'adresse e-mail (en fonction du navigateur).
- **Modification dans une fenêtre modale :**
  
    - (Les détails ne sont pas entièrement visibles sur la capture d'écran, mais cela concerne généralement la modification dans une fenêtre modale contextuelle).
- **Inclus dans les rapports :**
  
    - Si cette option est cochée, les données de ce champ seront incluses dans les rapports.

---

### 2. Onglet « Données »

L'onglet « Données » permet de gérer les propriétés des données sous-jacentes du champ « e-mail ».

- **Valeurs multiples :**
  
    - Si cette case est cochée, l’utilisateur peut saisir plusieurs adresses e-mail dans ce champ (par exemple, une liste de destinataires).
- **Valeur par défaut :**
  
    - Adresse e-mail préremplie qui s'affiche dans le champ de saisie au chargement du formulaire. Les utilisateurs peuvent remplacer cette valeur.

---

### 3. Onglet « Validation »

L'onglet « Validation » définit les règles permettant de s'assurer que les données saisies par l'utilisateur respectent le format d'adresse e-mail valide et répondent à des critères de longueur spécifiques.

- **Obligatoire :**
  
    - Si cette case est cochée, l’utilisateur *doit* saisir une adresse e-mail dans ce champ avant de valider le formulaire.
- **Longueur minimale :**
  
    - Nombre minimum de caractères autorisés dans le champ e-mail.
- **Longueur maximale :**
  
    - Nombre maximal de caractères autorisés dans le champ « e-mail ».

---

### 4. Onglet « Conditionnel »

L'onglet « Conditionnel » vous permet de définir des règles déterminant quand ce composant « E-mail » doit être affiché ou masqué en fonction des valeurs d'autres composants du formulaire.

- **Simple :**
  
    - Il s’agit généralement d’un bouton bascule ou d’un menu déroulant permettant de choisir entre une logique conditionnelle simple et une logique conditionnelle avancée.
- **Ce composant doit s'afficher :**
  
    - Choisissez si le composant doit être « Affiché » ou « Masqué » (options implicites) en fonction de la condition.
- **Lorsque le composant du formulaire :**
  
    - Sélectionnez un autre composant de votre formulaire dont la valeur déclenchera la condition.
- **A la valeur :**
  
    - Précisez la valeur exacte que doit avoir le composant de formulaire sélectionné pour que la condition soit remplie.
  
  *Exemple :* vous pouvez configurer une règle pour que le champ « E-mail secondaire » ne s’affiche que *lorsque* la case « Avez-vous une adresse e-mail secondaire ? » est cochée.

---

### **Panneau d’aperçu**

Le panneau **d’aperçu** situé à droite de la boîte de dialogue vous montre à quoi ressemblera visuellement le champ de saisie « E-mail » sur votre formulaire. À mesure que vous modifiez des paramètres tels que le libellé, le texte de placeholder ou le préfixe/suffixe, vous verrez ces changements s’afficher immédiatement.

---

**Actions situées au bas de la boîte de dialogue :**

- **Enregistrer :** enregistre toutes les modifications apportées aux paramètres du composant « E-mail ».
- **Annuler :** annule toutes les modifications non enregistrées et ferme la boîte de dialogue.
- **Supprimer :** supprime le composant « E-mail » du formulaire.

---

### Bonnes pratiques pour le composant « E-mail » :

- **Libellé clair :** utilisez un libellé simple tel que « Adresse e-mail » ou « E-mail de contact ».
- **Fournissez un exemple de texte de remplacement :** utilisez le « texte de remplacement » (par exemple, « name@example.com ») pour indiquer le format attendu.
- **Rendez ce champ obligatoire pour la communication :** si une adresse e-mail est indispensable pour le suivi ou la création d’un compte, cochez toujours la case « Obligatoire ».
- **Activez l’option « Valeurs multiples » si nécessaire :** si les utilisateurs peuvent avoir besoin de fournir plusieurs adresses e-mail (par exemple, pour les notifications), cochez « Valeurs multiples ».
- **Utilisez l’affichage conditionnel :** n’affichez le champ d’adresse e-mail que lorsqu’il est logiquement pertinent (par exemple, affichez « E-mail de contact d’urgence » si l’option « Contact d’urgence » est cochée).

- [🎉Nouveauté dans Corfix🎉](https://knowledge.corfix.com/fr/articles/nouveaut%C3%A9-dans-corfix?hsLang=fr)
- [Corfix Academy](https://knowledge.corfix.com/fr/articles/corfix-academy?hsLang=fr#main-content)

    - [Formation aux opérations sur le terrain](https://knowledge.corfix.com/fr/articles/corfix-academy?hsLang=fr#formation-aux-op%C3%A9rations-sur-le-terrain)
    - [Formation des superviseurs et contremaîtres](https://knowledge.corfix.com/fr/articles/corfix-academy?hsLang=fr#formation-des-superviseurs-et-contrema%C3%AEtres)
    - [Formation sur la gestion du temps et des présences](https://knowledge.corfix.com/fr/articles/corfix-academy?hsLang=fr#formation-sur-la-gestion-du-temps-et-des-pr%C3%A9sences)
- [Mises à jour des produits](https://knowledge.corfix.com/fr/articles/mises-%C3%A0-jour-des-produits?hsLang=fr)
- [Administrateurs Corfix](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#main-content)

    - [Tableau de bord](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#tableau-de-bord)
    - [Projets](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#projets)
    - [Travailleurs](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#travailleurs)
    - [Formulaires](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#formulaires)
    - [Modèles](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#mod%C3%A8les)
    - [Tâches](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#t%C3%A2ches)
    - [Certifications](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#certifications)
    - [Classeurs](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#classeurs)
    - [Rapports](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#rapports)
    - [Chronométrage](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#chronom%C3%A9trage)
    - [Détails de mon compte](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#d%C3%A9tails-de-mon-compte)
    - [Général](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#g%C3%A9n%C3%A9ral)
    - [Actifs](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#actifs)
    - [Gestion des horaires](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#gestion-des-horaires)
    - [Exportations/intégrations des données de pointage](https://knowledge.corfix.com/fr/articles/administrateurs-corfix?hsLang=fr#exportations-int%C3%A9grations-des-donn%C3%A9es-de-pointage)
- [Guide du Corfix Mobile](https://knowledge.corfix.com/fr/articles/guide-du-corfix-mobile?hsLang=fr#main-content)

    - [certifications](https://knowledge.corfix.com/fr/articles/guide-du-corfix-mobile?hsLang=fr#certifications)
    - [Suivi des temps de travail et suivi sur iOS](https://knowledge.corfix.com/fr/articles/guide-du-corfix-mobile?hsLang=fr#suivi-des-temps-de-travail-et-suivi-sur-ios)
    - [formulaire sur mobile](https://knowledge.corfix.com/fr/articles/guide-du-corfix-mobile?hsLang=fr#formulaire-sur-mobile)
    - [modifier l'adresse électronique](https://knowledge.corfix.com/fr/articles/guide-du-corfix-mobile?hsLang=fr#modifier-ladresse-%C3%A9lectronique)
    - [Détails du compte](https://knowledge.corfix.com/fr/articles/guide-du-corfix-mobile?hsLang=fr#d%C3%A9tails-du-compte)
- [Tutoriels sur le générateur de modèles](https://knowledge.corfix.com/fr/articles/tutoriels-sur-le-g%C3%A9n%C3%A9rateur-de-mod%C3%A8les?hsLang=fr#main-content)

    - [Guides du générateur de modèles](https://knowledge.corfix.com/fr/articles/tutoriels-sur-le-g%C3%A9n%C3%A9rateur-de-mod%C3%A8les?hsLang=fr#guides-du-g%C3%A9n%C3%A9rateur-de-mod%C3%A8les)
    - [Paramètres des modèles](https://knowledge.corfix.com/fr/articles/tutoriels-sur-le-g%C3%A9n%C3%A9rateur-de-mod%C3%A8les?hsLang=fr#param%C3%A8tres-des-mod%C3%A8les)
- [Cas d'utilisation de Corfix](https://knowledge.corfix.com/fr/articles/cas-dutilisation-de-corfix?hsLang=fr)
- [Pour commencer](https://knowledge.corfix.com/fr/articles/pour-commencer?hsLang=fr)
- [Consulter les modèles](https://knowledge.corfix.com/fr/articles/consulter-les-mod%C3%A8les?hsLang=fr#main-content)

    - [Consulter les modèles](https://knowledge.corfix.com/fr/articles/consulter-les-mod%C3%A8les?hsLang=fr#consulter-les-mod%C3%A8les)
- [Corfix Connect](https://knowledge.corfix.com/fr/articles/corfix-connect?hsLang=fr)
- [Corfix Paie](https://knowledge.corfix.com/fr/articles/corfix-paie?hsLang=fr#main-content)

    - [Pour commencer](https://knowledge.corfix.com/fr/articles/corfix-paie?hsLang=fr#pour-commencer)
    - [Configuration des employés](https://knowledge.corfix.com/fr/articles/corfix-paie?hsLang=fr#configuration-des-employ%C3%A9s)
    - [Gestion de la paie](https://knowledge.corfix.com/fr/articles/corfix-paie?hsLang=fr#gestion-de-la-paie)
    - [Dépannage](https://knowledge.corfix.com/fr/articles/corfix-paie?hsLang=fr#d%C3%A9pannage)
    - [Fiscalité et conformité](https://knowledge.corfix.com/fr/articles/corfix-paie?hsLang=fr#fiscalit%C3%A9-et-conformit%C3%A9)
- [Les coulisses de Pat](https://knowledge.corfix.com/fr/articles/les-coulisses-de-pat?hsLang=fr)
- [Intégrations](https://knowledge.corfix.com/fr/articles/int%C3%A9grations?hsLang=fr#main-content)

    - [Acumatica](https://knowledge.corfix.com/fr/articles/int%C3%A9grations?hsLang=fr#acumatica)

[![Chill listening crop-3](https://knowledge.corfix.com/hs-fs/hubfs/corfix_logo_primary_blue.png?width=94&height=24&name=corfix_logo_primary_blue.png "Chill listening crop-3")](http://www.corfix.com)

Copyright © 2026, Corfix