govuk-frontend/dist/govuk/components/checkboxes/template-with-id-and-name.html

GOV.UK Frontend contains the code you need to start building a user interface for government platforms and services.

<div class="govuk-form-group">
  <fieldset class="govuk-fieldset" aria-describedby="with-id-and-name-hint">
    <legend class="govuk-fieldset__legend">
      What is your nationality?
    </legend>
    <div id="with-id-and-name-hint" class="govuk-hint">
      If you have dual nationality, select all options that are relevant to you.
    </div>
    <div class="govuk-checkboxes" data-module="govuk-checkboxes">
      <div class="govuk-checkboxes__item">
        <input class="govuk-checkboxes__input" id="item_british" name="british" type="checkbox" value="yes">
        <label class="govuk-label govuk-checkboxes__label" for="item_british">
          British
        </label>
      </div>
      <div class="govuk-checkboxes__item">
        <input class="govuk-checkboxes__input" id="item_irish" name="irish" type="checkbox" value="irish">
        <label class="govuk-label govuk-checkboxes__label" for="item_irish">
          Irish
        </label>
      </div>
      <div class="govuk-checkboxes__item">
        <input class="govuk-checkboxes__input" id="with-id-and-name-3" name="custom-name-scottish" type="checkbox" value="scottish">
        <label class="govuk-label govuk-checkboxes__label" for="with-id-and-name-3">
          Scottish
        </label>
      </div>
    </div>
  </fieldset>
</div>