Behavior comparison
Choose Search field for: Searching a site, catalog, or results collection. Choose Textarea for: Collecting a message, note, or description.
| Dimension | Search fieldSearch field | TextareaTextarea |
|---|---|---|
| Trigger | Focus and type a query, then submit explicitly or meet documented live-search criteria. | Focus the labeled area, then type or paste multiline content. |
| Modality | Non-modal query input within a named search region. | Non-modal form input. |
| Placement | In a header or search region directly connected to its results. | Inline in a form with enough height to preview several lines. |
| Interactivity | Supports query entry, clear, submit, and result feedback; it is not an unlabeled generic text field. | Edits multiline text, may resize, and exposes length and validation feedback. |
| Focus | Submitting leaves focus in the search form while results update below; clearing returns focus to the query field. | Visible focus surrounds the control and remains visible while the user scrolls within long text. |
| Dismissal | Not applicable: results update inline; Clear removes the query, submitted results, opened-result status, and errors. | Not applicable: the draft remains until reset, submitted, or deliberately cleared. |
| Accessible role | search landmark containing native search input | native multiline textbox |
| Use case | Searching a site, catalog, or results collection | Collecting a message, note, or description |
| Mobile behavior | Use the search keyboard and keep clear, submit, and results reachable while the keyboard is open. | Grow or scroll predictably and keep the caret, counter, and error visible above the keyboard. |