Retour

Modèle de champ email (input-email)

Demande d'une adresse électronique

<div class="fr-input-group" spellcheck="false" autocomplete="email" id="input-group-6665">
    <label class="fr-label" for="email-6664">
        Adresse électronique
        <span class="fr-hint-text">Format attendu : nom@domaine.fr</span>
    </label>
    <input class="fr-input" spellcheck="false" autocomplete="email" id="email-6664" aria-describedby="email-6664-messages" type="email">
    <div class="fr-messages-group" id="email-6664-messages" aria-live="assertive">
    </div>
</div>

Demande d'une adresse électronique - Erreur

Le format de l’adresse electronique saisie n’est pas valide. Le format attendu est : nom@exemple.org

<div class="fr-input-group fr-input-group--error" spellcheck="false" autocomplete="email" id="input-group-6670">
    <label class="fr-label" for="email-6669">
        Adresse électronique
        <span class="fr-hint-text">Format attendu : nom@domaine.fr</span>
    </label>
    <input class="fr-input" spellcheck="false" autocomplete="email" id="email-6669" aria-describedby="email-6669-messages" type="email">
    <div class="fr-messages-group" id="email-6669-messages" aria-live="assertive">
        <p class="fr-message fr-message--error" id="email-6669-message-error">Le format de l’adresse electronique saisie n’est pas valide. Le format attendu est : nom@exemple.org</p>
    </div>
</div>

Demande et indication de traitement d’une adresse électronique

<div class="fr-input-group" spellcheck="false" autocomplete="email" id="input-group-6675">
    <label class="fr-label" for="email-6674">
        Adresse électronique
        <span class="fr-hint-text">Cette adresse est utilisée uniquement pour la connexion au service. Format attendu : nom@domaine.fr</span>
    </label>
    <input class="fr-input" spellcheck="false" autocomplete="email" id="email-6674" aria-describedby="email-6674-messages" type="email">
    <div class="fr-messages-group" id="email-6674-messages" aria-live="assertive">
    </div>
</div>

Demande et indication de traitement d’une adresse électronique - Erreur

Le format de l’adresse electronique saisie n’est pas valide. Le format attendu est : nom@exemple.org

<div class="fr-input-group fr-input-group--error" spellcheck="false" autocomplete="email" id="input-group-6680">
    <label class="fr-label" for="email-6679">
        Adresse électronique
        <span class="fr-hint-text">Cette adresse est utilisée uniquement pour la connexion au service. Format attendu : nom@domaine.fr</span>
    </label>
    <input class="fr-input" spellcheck="false" autocomplete="email" id="email-6679" aria-describedby="email-6679-messages" type="email">
    <div class="fr-messages-group" id="email-6679-messages" aria-live="assertive">
        <p class="fr-message fr-message--error" id="email-6679-message-error">Le format de l’adresse electronique saisie n’est pas valide. Le format attendu est : nom@exemple.org</p>
    </div>
</div>

Paramètres d’affichage

Choisissez un thème pour personnaliser l’apparence du site.