La demande d’adresse postale permet d’aider un utilisateur à saisir son adresse.
<fieldset class="fr-fieldset" id="address-630" aria-labelledby="address-630-legend address-630-messages">
<legend class="fr-sr-only" id="address-630-legend">
Adresse postale
</legend>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-631">
<label class="fr-label" for="address-625">
Adresse
<span class="fr-hint-text">Indication : numéro et voie</span>
</label>
<input class="fr-input" aria-describedby="address-625-messages" name="address-line1" autocomplete="address-line1" id="address-625" type="text">
<div class="fr-messages-group" id="address-625-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-632">
<label class="fr-label" for="complement-626">
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-626-messages" name="address-line2" autocomplete="address-line2" id="complement-626" type="text">
<div class="fr-messages-group" id="complement-626-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-633">
<label class="fr-label" for="postal-627">
Code postal
<span class="fr-hint-text">Format attendu : 5 chiffres</span>
</label>
<input class="fr-input" aria-describedby="postal-627-messages" name="postal-code" autocomplete="postal-code" id="postal-627" type="text">
<div class="fr-messages-group" id="postal-627-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-634">
<label class="fr-label" for="city-628">
Ville ou commune
<span class="fr-hint-text">Exemple : Montpellier</span>
</label>
<input class="fr-input" aria-describedby="city-628-messages" name="address-level2" autocomplete="address-level2" id="city-628" type="text">
<div class="fr-messages-group" id="city-628-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-630-messages" aria-live="polite">
</div>
</fieldset>
<fieldset class="fr-fieldset" id="address-654" aria-labelledby="address-654-legend address-654-messages">
<legend class="fr-sr-only" id="address-654-legend">
Adresse postale
</legend>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-655">
<label class="fr-label" for="address-648">
Adresse
<span class="fr-hint-text">Indication : numéro et voie</span>
</label>
<input class="fr-input" aria-describedby="address-648-messages" name="address-line1" autocomplete="address-line1" id="address-648" type="text">
<div class="fr-messages-group" id="address-648-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-656">
<label class="fr-label" for="complement-649">
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-649-messages" name="address-line2" autocomplete="address-line2" id="complement-649" type="text">
<div class="fr-messages-group" id="complement-649-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-657">
<label class="fr-label" for="locality-650">
Lieu-dit, commune déléguée ou boîte postale
</label>
<input class="fr-input" aria-describedby="locality-650-messages" name="address-level3" autocomplete="address-line3" id="locality-650" type="text">
<div class="fr-messages-group" id="locality-650-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-658">
<label class="fr-label" for="postal-651">
Code postal
<span class="fr-hint-text">Format attendu : 5 chiffres</span>
</label>
<input class="fr-input" aria-describedby="postal-651-messages" name="postal-code" autocomplete="postal-code" id="postal-651" type="text">
<div class="fr-messages-group" id="postal-651-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-659">
<label class="fr-label" for="city-652">
Ville ou commune
<span class="fr-hint-text">Exemple : Montpellier</span>
</label>
<input class="fr-input" aria-describedby="city-652-messages" name="address-level2" autocomplete="address-level2" id="city-652" type="text">
<div class="fr-messages-group" id="city-652-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-654-messages" aria-live="polite">
</div>
</fieldset>
<fieldset class="fr-fieldset" id="address-682" aria-labelledby="address-682-legend address-682-messages">
<legend class="fr-sr-only" id="address-682-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-683">
<label class="fr-label" for="number-676">
Numéro
</label>
<input class="fr-input" aria-describedby="number-676-messages" name="number" id="number-676" type="text">
<div class="fr-messages-group" id="number-676-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-684">
<label class="fr-label" for="street-677">
Voie
</label>
<input class="fr-input" aria-describedby="street-677-messages" name="street" id="street-677" type="text">
<div class="fr-messages-group" id="street-677-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-685">
<label class="fr-label" for="building-678">
Bâtiment
</label>
<input class="fr-input" aria-describedby="building-678-messages" name="building" id="building-678" type="text">
<div class="fr-messages-group" id="building-678-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-686">
<label class="fr-label" for="block-679">
Immeuble
</label>
<input class="fr-input" aria-describedby="block-679-messages" name="block" id="block-679" type="text">
<div class="fr-messages-group" id="block-679-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-687">
<label class="fr-label" for="stare-680">
Escalier
</label>
<input class="fr-input" aria-describedby="stare-680-messages" name="stare" id="stare-680" type="text">
<div class="fr-messages-group" id="stare-680-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-688">
<label class="fr-label" for="apartment-681">
Numéro d'appartement
</label>
<input class="fr-input" aria-describedby="apartment-681-messages" name="apartment" id="apartment-681" type="text">
<div class="fr-messages-group" id="apartment-681-messages" aria-live="polite">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-682-messages" aria-live="polite">
</div>
</fieldset>