GOVUK Text input

An example of the govuk text input component.

Open example in new window

HTML

<div class="govuk-form-group">
  <label class="govuk-label" for="event-name">
    Event name
  </label>

<input class="govuk-input" id="event-name" name="event-name" type="text">
</div>

Jinja

{% from "govuk_frontend_jinja/components/input/macro.html" import govukInput -%}
{{ govukInput({
    "label": {
      "text": "Event name"
    },
    "id": "event-name",
    "name": "event-name"
}) }}

---

Help improve this page

If you’ve got a question, idea or suggestion share it with the digital land team on github or email us on digitalland@communities.gov.uk