Form input example

With enterhintkey attribute

To help users with virtual keyboards this changes the “enter” key to be a word that’s more descriptive of the action.

Must be one of enter, done, go, next, previous, search, or send. See the list of values and descriptions on MDN.

How it looks (preview)

How to call this example

<%= render "govuk_publishing_components/components/input", {
  label: {
    text: "Given name"
  },
  name: "given-name",
  enterkeyhint: "next"
} %>