Concept cluster

Enter text

Compare a single-line value, a multiline response, and a query submitted through a search landmark.

Try the 3 concepts, compare what changes, then use the Pack that fits your need.

Try it

Is the expected value short, multiline, or a search query?

Shared trial context

A form collects text, with field length and submission intent determining the appropriate input control.

Enter a valid name, submit, then exceed the limit and recover from the linked validation message.

Step 1 of 3

Try

Try the component. Your live result appears just above. Move on at your own pace.

Behavior and edge case

What to observe: The visible label, current value, and helper text remain available before any error.
Edge case: After invalid submission, the entered text remains, the precise error is linked, and focus moves only according to the form recovery plan.

Text field accepts one line; Textarea accepts multiple lines, while Search field submits a query through a search context.

Which fits your need?

Entering a name, email, code, or other short value

Collecting a message, note, or description

Which component will you use here?Use Text fieldUse Textarea

Difference and sources

Text field accepts one line; Textarea accepts multiple lines, while Search field submits a query through a search context.

Select a numbered marker on the schematic, or use the list below, to see its role. The schematic shows the concept's representative state.

Label

The persistent text that names a control or field.

These descriptions fit every concept in the cluster, so none of them is enough to decide.