La demande d’adresse postale permet d’aider un utilisateur à saisir son adresse.
<fieldset class="fr-fieldset" id="address-1630" aria-labelledby="address-1630-legend address-1630-messages">
<legend class="fr-sr-only" id="address-1630-legend">
Adresse postale
</legend>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="address-1625">
Adresse
<span class="fr-hint-text">Numéro et voie</span>
</label>
<input class="fr-input" aria-describedby="address-1625-messages" name="address-line1" autocomplete="address-line1" id="address-1625" type="text">
<div class="fr-messages-group" id="address-1625-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="complement-1626">
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-1626-messages" name="address-line2" autocomplete="address-line2" id="complement-1626" type="text">
<div class="fr-messages-group" id="complement-1626-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-1627">
Code postal
</label>
<input class="fr-input" aria-describedby="postal-1627-messages" name="postal-code" autocomplete="postal-code" id="postal-1627" type="text">
<div class="fr-messages-group" id="postal-1627-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-1628">
Ville ou commune
</label>
<input class="fr-input" aria-describedby="city-1628-messages" name="address-level2" autocomplete="address-level2" id="city-1628" type="text">
<div class="fr-messages-group" id="city-1628-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-1630-messages" aria-live="assertive">
</div>
</fieldset>
<fieldset class="fr-fieldset" id="address-1645" aria-labelledby="address-1645-legend address-1645-messages">
<legend class="fr-sr-only" id="address-1645-legend">
Adresse postale
</legend>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="address-1639">
Adresse
<span class="fr-hint-text">Numéro et voie</span>
</label>
<input class="fr-input" aria-describedby="address-1639-messages" name="address-line1" autocomplete="address-line1" id="address-1639" type="text">
<div class="fr-messages-group" id="address-1639-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="complement-1640">
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-1640-messages" name="address-line2" autocomplete="address-line2" id="complement-1640" type="text">
<div class="fr-messages-group" id="complement-1640-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="locality-1641">
Lieu-dit, commune déléguée ou boîte postale
</label>
<input class="fr-input" aria-describedby="locality-1641-messages" name="address-level3" autocomplete="address-line3" id="locality-1641" type="text">
<div class="fr-messages-group" id="locality-1641-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-1642">
Code postal
</label>
<input class="fr-input" aria-describedby="postal-1642-messages" name="postal-code" autocomplete="postal-code" id="postal-1642" type="text">
<div class="fr-messages-group" id="postal-1642-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-1643">
Ville ou commune
</label>
<input class="fr-input" aria-describedby="city-1643-messages" name="address-level2" autocomplete="address-level2" id="city-1643" type="text">
<div class="fr-messages-group" id="city-1643-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-1645-messages" aria-live="assertive">
</div>
</fieldset>
<fieldset class="fr-fieldset" id="address-1662" aria-labelledby="address-1662-legend address-1662-messages">
<legend class="fr-sr-only" id="address-1662-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-1656">
Numéro
</label>
<input class="fr-input" aria-describedby="number-1656-messages" name="number" id="number-1656" type="text">
<div class="fr-messages-group" id="number-1656-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-1657">
Voie
</label>
<input class="fr-input" aria-describedby="street-1657-messages" name="street" id="street-1657" type="text">
<div class="fr-messages-group" id="street-1657-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="block-1658">
Immeuble
</label>
<input class="fr-input" aria-describedby="block-1658-messages" name="block" id="block-1658" type="text">
<div class="fr-messages-group" id="block-1658-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="building-1659">
Bâtiment
</label>
<input class="fr-input" aria-describedby="building-1659-messages" name="building" id="building-1659" type="text">
<div class="fr-messages-group" id="building-1659-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="stare-1660">
Escalier
</label>
<input class="fr-input" aria-describedby="stare-1660-messages" name="stare" id="stare-1660" type="text">
<div class="fr-messages-group" id="stare-1660-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-fieldset__element">
<div class="fr-input-group">
<label class="fr-label" for="apartment-1661">
Numéro d'appartement
</label>
<input class="fr-input" aria-describedby="apartment-1661-messages" name="apartment" id="apartment-1661" type="text">
<div class="fr-messages-group" id="apartment-1661-messages" aria-live="assertive">
</div>
</div>
</div>
<div class="fr-messages-group" id="address-1662-messages" aria-live="assertive">
</div>
</fieldset>