Le champ de saisie de date fixe reprend trois champs de saisie de texte.
Documentation<fieldset class="village-fieldset" id="date-725" aria-labelledby="date-725-legend date-725-messages">
<legend class="village-fieldset__legend--regular village-fieldset__legend" id="date-725-legend">
Date de naissance
<span class="village-hint-text">Indication : texte de description additionnel</span>
</legend>
<div class="village-fieldset__element village-fieldset__element--inline village-fieldset__element--number">
<div class="village-input-group" id="input-group-726">
<label class="village-label" for="date-725-bday-day">
Jour
<span class="village-hint-text">Exemple : 14</span>
</label>
<input class="village-input" name="day" autocomplete="bday-day" id="date-725-bday-day" type="text">
</div>
</div>
<div class="village-fieldset__element village-fieldset__element--inline village-fieldset__element--number">
<div class="village-input-group" id="input-group-727">
<label class="village-label" for="date-725-bday-month">
Mois
<span class="village-hint-text">Exemple : 12</span>
</label>
<input class="village-input" name="month" autocomplete="bday-month" id="date-725-bday-month" type="text">
</div>
</div>
<div class="village-fieldset__element village-fieldset__element--inline village-fieldset__element--inline-grow village-fieldset__element--year">
<div class="village-input-group" id="input-group-728">
<label class="village-label" for="date-725-bday-year">
Année
<span class="village-hint-text">Exemple : 1984</span>
</label>
<input class="village-input" name="year" autocomplete="bday-year" id="date-725-bday-year" type="text">
</div>
</div>
<div class="village-messages-group" id="date-725-messages" aria-live="polite">
</div>
</fieldset>
<fieldset class="village-fieldset village-fieldset--error" id="date-error-734" role="group" aria-labelledby="date-error-734-legend date-error-734-messages">
<legend class="village-fieldset__legend--regular village-fieldset__legend" id="date-error-734-legend">
Date de naissance
<span class="village-hint-text">Indication : texte de description additionnel</span>
</legend>
<div class="village-fieldset__element village-fieldset__element--inline village-fieldset__element--number">
<div class="village-input-group" id="input-group-735">
<label class="village-label" for="date-error-734-bday-day">
Jour
<span class="village-hint-text">Exemple : 14</span>
</label>
<input class="village-input" name="day" value="00" autocomplete="bday-day" id="date-error-734-bday-day" type="text">
</div>
</div>
<div class="village-fieldset__element village-fieldset__element--inline village-fieldset__element--number">
<div class="village-input-group" id="input-group-736">
<label class="village-label" for="date-error-734-bday-month">
Mois
<span class="village-hint-text">Exemple : 12</span>
</label>
<input class="village-input" name="month" value="13" autocomplete="bday-month" id="date-error-734-bday-month" type="text">
</div>
</div>
<div class="village-fieldset__element village-fieldset__element--inline village-fieldset__element--inline-grow village-fieldset__element--year">
<div class="village-input-group" id="input-group-737">
<label class="village-label" for="date-error-734-bday-year">
Année
<span class="village-hint-text">Exemple : 1984</span>
</label>
<input class="village-input" name="year" value="1995e" autocomplete="bday-year" id="date-error-734-bday-year" type="text">
</div>
</div>
<div class="village-messages-group" id="date-error-734-messages" aria-live="polite">
<p class="village-message village-message--error" id="date-error-734-message-error-1">Le jour est invalide</p>
<p class="village-message village-message--error" id="date-error-734-message-error-2">Le mois est invalide</p>
<p class="village-message village-message--error" id="date-error-734-message-error-3">L’année est invalide</p>
</div>
</fieldset>
<fieldset class="village-fieldset village-fieldset--error" id="date-error-743" role="group" aria-labelledby="date-error-743-legend date-error-743-messages">
<legend class="village-fieldset__legend--regular village-fieldset__legend" id="date-error-743-legend">
Date de naissance
<span class="village-hint-text">Indication : texte de description additionnel</span>
</legend>
<div class="village-fieldset__element village-fieldset__element--inline village-fieldset__element--number">
<div class="village-input-group" id="input-group-744">
<label class="village-label" for="date-error-743-bday-day">
Jour
<span class="village-hint-text">Exemple : 14</span>
</label>
<input class="village-input" name="day" value="03" autocomplete="bday-day" id="date-error-743-bday-day" type="text">
</div>
</div>
<div class="village-fieldset__element village-fieldset__element--inline village-fieldset__element--number">
<div class="village-input-group" id="input-group-745">
<label class="village-label" for="date-error-743-bday-month">
Mois
<span class="village-hint-text">Exemple : 12</span>
</label>
<input class="village-input" name="month" value="03" autocomplete="bday-month" id="date-error-743-bday-month" type="text">
</div>
</div>
<div class="village-fieldset__element village-fieldset__element--inline village-fieldset__element--inline-grow village-fieldset__element--year">
<div class="village-input-group" id="input-group-746">
<label class="village-label" for="date-error-743-bday-year">
Année
<span class="village-hint-text">Exemple : 1984</span>
</label>
<input class="village-input" name="year" value="2525" autocomplete="bday-year" id="date-error-743-bday-year" type="text">
</div>
</div>
<div class="village-messages-group" id="date-error-743-messages" aria-live="polite">
<p class="village-message village-message--error" id="date-error-743-message-error">La date est postérieure à aujourd’hui</p>
</div>
</fieldset>