Text input

Guidance

Text field inputs are used for collecting short, single-line free-form text. Use a text field when you need users to enter a single line of text such as their name, email address or password. Be sure to set the type attribute on your inputs.

Text input

<!-- Text input -->
<label for="text-field">Field label</label>
<input type="text" name="text-field" id="text-field" />