DSFR v1.12.0

Retour

Bloc fonctionnel de numéro de téléphone (input-tel)

Documentation

Demande d'un numéro de téléphone

<div class="fr-input-group" id="input-group-8399">
    <label class="fr-label" for="tel-8398">
        Numéro de téléphone
        <span class="fr-hint-text">Format attendu : (+33) 1 22 33 44 55</span>
    </label>
    <input class="fr-input" autocomplete="tel" aria-describedby="tel-8398-messages" id="tel-8398" type="tel">
    <div class="fr-messages-group" id="tel-8398-messages" aria-live="polite">
    </div>
</div>

Demande d'un numéro de téléphone - Erreur

Le format de numéro de téléphone saisie n’est pas valide. Le format attendu est : (+33) 1 22 33 44 55

<div class="fr-input-group fr-input-group--error" id="input-group-8404">
    <label class="fr-label" for="tel-8403">
        Numéro de téléphone
        <span class="fr-hint-text">Format attendu : (+33) 1 22 33 44 55</span>
    </label>
    <input class="fr-input" autocomplete="tel" aria-describedby="tel-8403-messages" id="tel-8403" type="tel">
    <div class="fr-messages-group" id="tel-8403-messages" aria-live="polite">
        <p class="fr-message fr-message--error" id="tel-8403-message-error">Le format de numéro de téléphone saisie n’est pas valide. Le format attendu est : (+33) 1 22 33 44 55</p>
    </div>
</div>

Paramètres d’affichage

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