La demande d’adresse postale permet d’aider un utilisateur à saisir son adresse.
<fieldset class="fr-fieldset" id="address-7003" aria-labelledby="address-7003-legend address-7003-messages">
<legend class="fr-sr-only" id="address-7003-legend">
Adresse postale
</legend>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7004">
<label class="fr-label" for="address-6998">
Adresse
<span class="fr-hint-text">Numéro et voie</span>
</label>
<input class="fr-input" aria-describedby="address-6998-messages" name="address-line1" autocomplete="address-line1" id="address-6998" type="text">
<div class="fr-messages-group" id="address-6998-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7005">
<label class="fr-label" for="complement-6999">
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-6999-messages" name="address-line2" autocomplete="address-line2" id="complement-6999" type="text">
<div class="fr-messages-group" id="complement-6999-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" id="input-group-7006">
<label class="fr-label" for="postal-7000">
Code postal
</label>
<input class="fr-input" aria-describedby="postal-7000-messages" name="postal-code" autocomplete="postal-code" id="postal-7000" type="text">
<div class="fr-messages-group" id="postal-7000-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" id="input-group-7007">
<label class="fr-label" for="city-7001">
Ville ou commune
</label>
<input class="fr-input" aria-describedby="city-7001-messages" name="address-level2" autocomplete="address-level2" id="city-7001" type="text">
<div class="fr-messages-group" id="city-7001-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-7003-messages" aria-live="assertive">
</div>
</fieldset>
<fieldset class="fr-fieldset" id="address-7027" aria-labelledby="address-7027-legend address-7027-messages">
<legend class="fr-sr-only" id="address-7027-legend">
Adresse postale
</legend>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7028">
<label class="fr-label" for="address-7021">
Adresse
<span class="fr-hint-text">Numéro et voie</span>
</label>
<input class="fr-input" aria-describedby="address-7021-messages" name="address-line1" autocomplete="address-line1" id="address-7021" type="text">
<div class="fr-messages-group" id="address-7021-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7029">
<label class="fr-label" for="complement-7022">
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-7022-messages" name="address-line2" autocomplete="address-line2" id="complement-7022" type="text">
<div class="fr-messages-group" id="complement-7022-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7030">
<label class="fr-label" for="locality-7023">
Lieu-dit, commune déléguée ou boîte postale
</label>
<input class="fr-input" aria-describedby="locality-7023-messages" name="address-level3" autocomplete="address-line3" id="locality-7023" type="text">
<div class="fr-messages-group" id="locality-7023-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" id="input-group-7031">
<label class="fr-label" for="postal-7024">
Code postal
</label>
<input class="fr-input" aria-describedby="postal-7024-messages" name="postal-code" autocomplete="postal-code" id="postal-7024" type="text">
<div class="fr-messages-group" id="postal-7024-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" id="input-group-7032">
<label class="fr-label" for="city-7025">
Ville ou commune
</label>
<input class="fr-input" aria-describedby="city-7025-messages" name="address-level2" autocomplete="address-level2" id="city-7025" type="text">
<div class="fr-messages-group" id="city-7025-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-7027-messages" aria-live="assertive">
</div>
</fieldset>
<fieldset class="fr-fieldset" id="address-7055" aria-labelledby="address-7055-legend address-7055-messages">
<legend class="fr-sr-only" id="address-7055-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-7056">
<label class="fr-label" for="number-7049">
Numéro
</label>
<input class="fr-input" aria-describedby="number-7049-messages" name="number" id="number-7049" type="text">
<div class="fr-messages-group" id="number-7049-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" id="input-group-7057">
<label class="fr-label" for="street-7050">
Voie
</label>
<input class="fr-input" aria-describedby="street-7050-messages" name="street" id="street-7050" type="text">
<div class="fr-messages-group" id="street-7050-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7058">
<label class="fr-label" for="building-7051">
Bâtiment
</label>
<input class="fr-input" aria-describedby="building-7051-messages" name="building" id="building-7051" type="text">
<div class="fr-messages-group" id="building-7051-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7059">
<label class="fr-label" for="block-7052">
Immeuble
</label>
<input class="fr-input" aria-describedby="block-7052-messages" name="block" id="block-7052" type="text">
<div class="fr-messages-group" id="block-7052-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7060">
<label class="fr-label" for="stare-7053">
Escalier
</label>
<input class="fr-input" aria-describedby="stare-7053-messages" name="stare" id="stare-7053" type="text">
<div class="fr-messages-group" id="stare-7053-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group" id="input-group-7061">
<label class="fr-label" for="apartment-7054">
Numéro d'appartement
</label>
<input class="fr-input" aria-describedby="apartment-7054-messages" name="apartment" id="apartment-7054" type="text">
<div class="fr-messages-group" id="apartment-7054-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-7055-messages" aria-live="assertive">
</div>
</fieldset>