Text Input

Text input components allow the user to enter text. A text input consists of an input field and a cursor. It can also contain guide text, which describes the purpose of the input field or provides example input.

 

The following guidelines apply to guide text:

  • If the text input field has no label, use a noun form for the guide text.
  • If the text input field has a label, use the guide text to present example input in the expected format.
  • If it is not possible to provide an input example, do not use guide text.
  • The guide text disappears when the user enters text into the input field.

 

uc_03_5_ui_text_input_1.png

Parts of a text input component.