Skip to main content

Work in progress

This page is a design preview. It may not contain the latest guidance and may not behave as expected.

Current guidance can always be found at design-system.dwp.gov.uk.

Search

HTML

<div class="govuk-width-container">
  <h1 class="govuk-heading-l">Find an address</h1>
  <div class="govuk-form-group">
    <label class="govuk-label" for="postcode">
      Postcode
    </label>
    <div id="postcode-hint" class="govuk-hint">
      For example, AA3 1AB.
    </div>
    <input
      class="govuk-input govuk-!-width-two-thirds" id="postcode" name="postcode" type="text" aria-describedby="postcode-hint">
  </div>
  <div class="govuk-form-group">
    <label class="govuk-label" for="searchString">
      Building number or name
    </label>
    <div id="searchString-hint" class="govuk-hint">
      For example, 15 or Prospect Cottage.
    </div>
    <input
      class="govuk-input govuk-!-width-two-thirds" id="searchString" name="searchString" type="text" aria-describedby="searchString-hint">
  </div>
  <button type="submit" class="govuk-button" data-module="govuk-button">
    Find address
  </button>
  <p class="govuk-body govuk-!-margin-bottom-0"><a href="#" class="govuk-link">Enter address manually</a></p>
</div>