La demande d’adresse postale permet d’aider un utilisateur à saisir son adresse.
<fieldset class="fr-fieldset" id="address-650" aria-labelledby="address-650-legend address-650-messages">
<legend class="fr-sr-only" id="address-650-legend">
Adresse postale
</legend>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-651">
<label class="fr-label" for="address-645">
Adresse
<span class="fr-hint-text">Indication : numéro et voie</span>
</label>
<input class="fr-input" aria-describedby="address-645-messages" name="address-line1" autocomplete="address-line1" id="address-645" type="text">
<div class="fr-messages-group" id="address-645-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-652">
<label class="fr-label" for="complement-646">
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-646-messages" name="address-line2" autocomplete="address-line2" id="complement-646" type="text">
<div class="fr-messages-group" id="complement-646-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-653">
<label class="fr-label" for="postal-647">
Code postal
<span class="fr-hint-text">Format attendu : 5 chiffres</span>
</label>
<input class="fr-input" aria-describedby="postal-647-messages" name="postal-code" autocomplete="postal-code" id="postal-647" type="text">
<div class="fr-messages-group" id="postal-647-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-654">
<label class="fr-label" for="city-648">
Ville ou commune
<span class="fr-hint-text">Exemple : Montpellier</span>
</label>
<input class="fr-input" aria-describedby="city-648-messages" name="address-level2" autocomplete="address-level2" id="city-648" type="text">
<div class="fr-messages-group" id="city-648-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-650-messages" aria-live="polite">
</div>
</fieldset>
<fieldset class="fr-fieldset" id="address-674" aria-labelledby="address-674-legend address-674-messages">
<legend class="fr-sr-only" id="address-674-legend">
Adresse postale
</legend>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-675">
<label class="fr-label" for="address-668">
Adresse
<span class="fr-hint-text">Indication : numéro et voie</span>
</label>
<input class="fr-input" aria-describedby="address-668-messages" name="address-line1" autocomplete="address-line1" id="address-668" type="text">
<div class="fr-messages-group" id="address-668-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-676">
<label class="fr-label" for="complement-669">
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-669-messages" name="address-line2" autocomplete="address-line2" id="complement-669" type="text">
<div class="fr-messages-group" id="complement-669-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-677">
<label class="fr-label" for="locality-670">
Lieu-dit, commune déléguée ou boîte postale
</label>
<input class="fr-input" aria-describedby="locality-670-messages" name="address-level3" autocomplete="address-line3" id="locality-670" type="text">
<div class="fr-messages-group" id="locality-670-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-678">
<label class="fr-label" for="postal-671">
Code postal
<span class="fr-hint-text">Format attendu : 5 chiffres</span>
</label>
<input class="fr-input" aria-describedby="postal-671-messages" name="postal-code" autocomplete="postal-code" id="postal-671" type="text">
<div class="fr-messages-group" id="postal-671-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-679">
<label class="fr-label" for="city-672">
Ville ou commune
<span class="fr-hint-text">Exemple : Montpellier</span>
</label>
<input class="fr-input" aria-describedby="city-672-messages" name="address-level2" autocomplete="address-level2" id="city-672" type="text">
<div class="fr-messages-group" id="city-672-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-674-messages" aria-live="polite">
</div>
</fieldset>
<fieldset class="fr-fieldset" id="address-702" aria-labelledby="address-702-legend address-702-messages">
<legend class="fr-sr-only" id="address-702-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-703">
<label class="fr-label" for="number-696">
Numéro
</label>
<input class="fr-input" aria-describedby="number-696-messages" name="number" id="number-696" type="text">
<div class="fr-messages-group" id="number-696-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-704">
<label class="fr-label" for="street-697">
Voie
</label>
<input class="fr-input" aria-describedby="street-697-messages" name="street" id="street-697" type="text">
<div class="fr-messages-group" id="street-697-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-705">
<label class="fr-label" for="building-698">
Bâtiment
</label>
<input class="fr-input" aria-describedby="building-698-messages" name="building" id="building-698" type="text">
<div class="fr-messages-group" id="building-698-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-706">
<label class="fr-label" for="block-699">
Immeuble
</label>
<input class="fr-input" aria-describedby="block-699-messages" name="block" id="block-699" type="text">
<div class="fr-messages-group" id="block-699-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-707">
<label class="fr-label" for="stare-700">
Escalier
</label>
<input class="fr-input" aria-describedby="stare-700-messages" name="stare" id="stare-700" type="text">
<div class="fr-messages-group" id="stare-700-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-708">
<label class="fr-label" for="apartment-701">
Numéro d'appartement
</label>
<input class="fr-input" aria-describedby="apartment-701-messages" name="apartment" id="apartment-701" type="text">
<div class="fr-messages-group" id="apartment-701-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-702-messages" aria-live="polite">
</div>
</fieldset>