La demande d’adresse postale permet d’aider un utilisateur à saisir son adresse.
<fieldset class="fr-fieldset" id="address-4848" aria-labelledby="address-4848-legend address-4848-messages">
<legend class="fr-sr-only" id="address-4848-legend">
Adresse postale
</legend>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="address-4843">
Adresse
<span class="fr-hint-text">Numéro et voie</span>
</label>
<input class="fr-input" aria-describedby="address-4843-messages" name="address-line1" autocomplete="address-line1" id="address-4843" type="text">
<div class="fr-messages-group" id="address-4843-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="complement-4844">
Complément d’adresse (optionnel)
<span class="fr-hint-text">Bâtiment, immeuble, escalier et numéro d’appartement</span>
</label>
<input class="fr-input" aria-describedby="complement-4844-messages" name="address-line2" autocomplete="address-line2" id="complement-4844" type="text">
<div class="fr-messages-group" id="complement-4844-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element fr-fieldset__element--inline fr-fieldset__element--postal">
<div class="fr-input-group">
<label class="fr-label" for="postal-4845">
Code postal
</label>
<input class="fr-input" aria-describedby="postal-4845-messages" name="postal-code" autocomplete="postal-code" id="postal-4845" type="text">
<div class="fr-messages-group" id="postal-4845-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element fr-fieldset__element--inline@md fr-fieldset__element--inline-grow">
<div class="fr-input-group">
<label class="fr-label" for="city-4846">
Ville ou commune
</label>
<input class="fr-input" aria-describedby="city-4846-messages" name="address-level2" autocomplete="address-level2" id="city-4846" type="text">
<div class="fr-messages-group" id="city-4846-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-4848-messages" aria-live="assertive">
</div>
</fieldset>
<fieldset class="fr-fieldset" id="address-4863" aria-labelledby="address-4863-legend address-4863-messages">
<legend class="fr-sr-only" id="address-4863-legend">
Adresse postale
</legend>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="address-4857">
Adresse
<span class="fr-hint-text">Numéro et voie</span>
</label>
<input class="fr-input" aria-describedby="address-4857-messages" name="address-line1" autocomplete="address-line1" id="address-4857" type="text">
<div class="fr-messages-group" id="address-4857-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="complement-4858">
Complément d’adresse (optionnel)
<span class="fr-hint-text">Bâtiment, immeuble, escalier et numéro d’appartement</span>
</label>
<input class="fr-input" aria-describedby="complement-4858-messages" name="address-line2" autocomplete="address-line2" id="complement-4858" type="text">
<div class="fr-messages-group" id="complement-4858-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="locality-4859">
Lieu-dit, commune déléguée ou boîte postale
</label>
<input class="fr-input" aria-describedby="locality-4859-messages" name="address-level3" autocomplete="address-line3" id="locality-4859" type="text">
<div class="fr-messages-group" id="locality-4859-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element fr-fieldset__element--inline fr-fieldset__element--postal">
<div class="fr-input-group">
<label class="fr-label" for="postal-4860">
Code postal
</label>
<input class="fr-input" aria-describedby="postal-4860-messages" name="postal-code" autocomplete="postal-code" id="postal-4860" type="text">
<div class="fr-messages-group" id="postal-4860-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element fr-fieldset__element--inline@md fr-fieldset__element--inline-grow">
<div class="fr-input-group">
<label class="fr-label" for="city-4861">
Ville ou commune
</label>
<input class="fr-input" aria-describedby="city-4861-messages" name="address-level2" autocomplete="address-level2" id="city-4861" type="text">
<div class="fr-messages-group" id="city-4861-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-4863-messages" aria-live="assertive">
</div>
</fieldset>
<fieldset class="fr-fieldset" id="address-4880" aria-labelledby="address-4880-legend address-4880-messages">
<legend class="fr-sr-only" id="address-4880-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">
<label class="fr-label" for="number-4874">
Numéro
</label>
<input class="fr-input" aria-describedby="number-4874-messages" name="number" id="number-4874" type="text">
<div class="fr-messages-group" id="number-4874-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element fr-fieldset__element--inline fr-fieldset__element--inline-grow">
<div class="fr-input-group">
<label class="fr-label" for="street-4875">
Voie
</label>
<input class="fr-input" aria-describedby="street-4875-messages" name="street" id="street-4875" type="text">
<div class="fr-messages-group" id="street-4875-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="building-4876">
Bâtiment
</label>
<input class="fr-input" aria-describedby="building-4876-messages" name="building" id="building-4876" type="text">
<div class="fr-messages-group" id="building-4876-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="block-4877">
Immeuble
</label>
<input class="fr-input" aria-describedby="block-4877-messages" name="block" id="block-4877" type="text">
<div class="fr-messages-group" id="block-4877-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="stare-4878">
Escalier
</label>
<input class="fr-input" aria-describedby="stare-4878-messages" name="stare" id="stare-4878" type="text">
<div class="fr-messages-group" id="stare-4878-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="apartment-4879">
Numéro d'appartement
</label>
<input class="fr-input" aria-describedby="apartment-4879-messages" name="apartment" id="apartment-4879" type="text">
<div class="fr-messages-group" id="apartment-4879-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-4880-messages" aria-live="assertive">
</div>
</fieldset>