Inputs enable the user to input text information.
Use inputs in a form as a way to allow the user to enter a value associated with a key, such as entering their name in a field labeled name.
Use an input to support the text information of a single sentence or less.
Use an textarea to support the text information of a multiple lines.
Inputs are available in vertical, horizontal, compact, and controlled-width layout. Controlled-width layout is an additional option for setting the width in cases where the control may be unattractive or less usable if the underline is allowed to fill the full width of its container. Example: The text the user will input is of a known character count or within a small range. See more layout guidelines on the form page.