govuk-frontend
Version:
GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.
16 lines (15 loc) • 878 B
HTML
<div class="govuk-form-group govuk-form-group--error govuk-character-count" data-module="govuk-character-count" data-maxlength="10">
<label class="govuk-label" for="with-error">
Can you provide more detail?
</label>
<div id="with-error-hint" class="govuk-hint">
Don't include personal or financial information, eg your National Insurance number or credit card details.
</div>
<p id="with-error-error" class="govuk-error-message">
<span class="govuk-visually-hidden">Error:</span> Please provide more detail
</p>
<textarea class="govuk-textarea govuk-textarea--error govuk-js-character-count" id="with-error" name="with-error" rows="5" aria-describedby="with-error-info with-error-hint with-error-error"></textarea>
<div id="with-error-info" class="govuk-hint govuk-character-count__message">
You can enter up to 10 characters
</div>
</div>