Form

Input

How the Input works with a keyboard and assistive tech.

Guidance#

A native <input> with a <label> tied to it by for and id.

The type matches the content (search, password, url), so devices show the right keyboard.

Hints and errors are linked with aria-describedby; errors set aria-invalid.

The show-password control is a button whose name says what it will do: Show password, Hide password.