DSFR v1.15.3
La demande d’adresse postale permet d’aider un utilisateur à saisir son adresse.
Documentation<fieldset class="fr-fieldset" id="address-7674" aria-labelledby="address-7674-legend address-7674-messages">
<legend class="fr-sr-only" id="address-7674-legend">
Adresse postale
</legend>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7675">
<label class="fr-label" for="address-7669">
Adresse
<span class="fr-hint-text">Indication : numéro et voie</span>
</label>
<input class="fr-input" aria-describedby="address-7669-messages" name="address-line1" autocomplete="address-line1" id="address-7669" type="text">
<div class="fr-messages-group" id="address-7669-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7676">
<label class="fr-label" for="complement-7670">
Complément d’adresse (optionnel)
<span class="fr-hint-text">Indication : bâtiment, immeuble, escalier et numéro d’appartement</span>
</label>
<input class="fr-input" aria-describedby="complement-7670-messages" name="address-line2" autocomplete="address-line2" id="complement-7670" type="text">
<div class="fr-messages-group" id="complement-7670-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element fr-fieldset__element--inline fr-fieldset__element--postal">
<div class="fr-input-group" id="input-group-7677">
<label class="fr-label" for="postal-7671">
Code postal
<span class="fr-hint-text">Format attendu : 5 chiffres</span>
</label>
<input class="fr-input" aria-describedby="postal-7671-messages" name="postal-code" autocomplete="postal-code" id="postal-7671" type="text">
<div class="fr-messages-group" id="postal-7671-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element fr-fieldset__element--inline@md fr-fieldset__element--inline-grow">
<div class="fr-input-group" id="input-group-7678">
<label class="fr-label" for="city-7672">
Ville ou commune
<span class="fr-hint-text">Exemple : Montpellier</span>
</label>
<input class="fr-input" aria-describedby="city-7672-messages" name="address-level2" autocomplete="address-level2" id="city-7672" type="text">
<div class="fr-messages-group" id="city-7672-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-7674-messages" aria-live="polite">
</div>
</fieldset>
<fieldset class="fr-fieldset" id="address-7698" aria-labelledby="address-7698-legend address-7698-messages">
<legend class="fr-sr-only" id="address-7698-legend">
Adresse postale
</legend>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7699">
<label class="fr-label" for="address-7692">
Adresse
<span class="fr-hint-text">Indication : numéro et voie</span>
</label>
<input class="fr-input" aria-describedby="address-7692-messages" name="address-line1" autocomplete="address-line1" id="address-7692" type="text">
<div class="fr-messages-group" id="address-7692-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7700">
<label class="fr-label" for="complement-7693">
Complément d’adresse (optionnel)
<span class="fr-hint-text">Indication : bâtiment, immeuble, escalier et numéro d’appartement</span>
</label>
<input class="fr-input" aria-describedby="complement-7693-messages" name="address-line2" autocomplete="address-line2" id="complement-7693" type="text">
<div class="fr-messages-group" id="complement-7693-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7701">
<label class="fr-label" for="locality-7694">
Lieu-dit, commune déléguée ou boîte postale
</label>
<input class="fr-input" aria-describedby="locality-7694-messages" name="address-level3" autocomplete="address-line3" id="locality-7694" type="text">
<div class="fr-messages-group" id="locality-7694-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element fr-fieldset__element--inline fr-fieldset__element--postal">
<div class="fr-input-group" id="input-group-7702">
<label class="fr-label" for="postal-7695">
Code postal
<span class="fr-hint-text">Format attendu : 5 chiffres</span>
</label>
<input class="fr-input" aria-describedby="postal-7695-messages" name="postal-code" autocomplete="postal-code" id="postal-7695" type="text">
<div class="fr-messages-group" id="postal-7695-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element fr-fieldset__element--inline@md fr-fieldset__element--inline-grow">
<div class="fr-input-group" id="input-group-7703">
<label class="fr-label" for="city-7696">
Ville ou commune
<span class="fr-hint-text">Exemple : Montpellier</span>
</label>
<input class="fr-input" aria-describedby="city-7696-messages" name="address-level2" autocomplete="address-level2" id="city-7696" type="text">
<div class="fr-messages-group" id="city-7696-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-7698-messages" aria-live="polite">
</div>
</fieldset>
<fieldset class="fr-fieldset" id="address-7726" aria-labelledby="address-7726-legend address-7726-messages">
<legend class="fr-sr-only" id="address-7726-legend">
Complément d'adresse postale
</legend>
<div class="fr-fieldset__element fr-fieldset__element--inline fr-fieldset__element--inline-grow fr-fieldset__element--number">
<div class="fr-input-group" id="input-group-7727">
<label class="fr-label" for="number-7720">
Numéro
</label>
<input class="fr-input" aria-describedby="number-7720-messages" name="number" id="number-7720" type="text">
<div class="fr-messages-group" id="number-7720-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element fr-fieldset__element--inline fr-fieldset__element--inline-grow">
<div class="fr-input-group" id="input-group-7728">
<label class="fr-label" for="street-7721">
Voie
</label>
<input class="fr-input" aria-describedby="street-7721-messages" name="street" id="street-7721" type="text">
<div class="fr-messages-group" id="street-7721-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7729">
<label class="fr-label" for="building-7722">
Bâtiment
</label>
<input class="fr-input" aria-describedby="building-7722-messages" name="building" id="building-7722" type="text">
<div class="fr-messages-group" id="building-7722-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7730">
<label class="fr-label" for="block-7723">
Immeuble
</label>
<input class="fr-input" aria-describedby="block-7723-messages" name="block" id="block-7723" type="text">
<div class="fr-messages-group" id="block-7723-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7731">
<label class="fr-label" for="stare-7724">
Escalier
</label>
<input class="fr-input" aria-describedby="stare-7724-messages" name="stare" id="stare-7724" type="text">
<div class="fr-messages-group" id="stare-7724-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7732">
<label class="fr-label" for="apartment-7725">
Numéro d'appartement
</label>
<input class="fr-input" aria-describedby="apartment-7725-messages" name="apartment" id="apartment-7725" type="text">
<div class="fr-messages-group" id="apartment-7725-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-7726-messages" aria-live="polite">
</div>
</fieldset>