govuk-frontend
Version:
GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
29 lines (28 loc) • 1.09 kB
HTML
<div class="govuk-form-group">
<fieldset class="govuk-fieldset" role="group" aria-describedby="bday-hint">
<legend class="govuk-fieldset__legend">
What is your birthday?
</legend>
<div id="bday-hint" class="govuk-hint">
For example, 5 12
</div>
<div class="govuk-date-input" id="bday">
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<label class="govuk-label govuk-date-input__label" for="bday-day">
Day
</label>
<input class="govuk-input govuk-date-input__input govuk-input--width-2" id="bday-day" name="bday-day" type="text" inputmode="numeric">
</div>
</div>
<div class="govuk-date-input__item">
<div class="govuk-form-group">
<label class="govuk-label govuk-date-input__label" for="bday-month">
Month
</label>
<input class="govuk-input govuk-date-input__input govuk-input--width-2" id="bday-month" name="bday-month" type="text" inputmode="numeric">
</div>
</div>
</div>
</fieldset>
</div>