Multiline input
Multiline input
MultilineInput
provides an editable text area where users can enter multiple lines of text and numeric values while retaining the visibility of the text they've entered.
Examples
How to use
Accessibility
- Wrap
MultilineInput
inFormField
to provide the field with a visible label, help text and a status message for validation feedback. This will ensure it complies with accessibility guidelines. You can find more information in the W3C form instructions. - A multiline input will clip text that extends beyond its visible area. This behavior is common to all states, i.e., default, read-only and disabled—whether or not the input has focus. To view the text in its entirety, the user can traverse the characters using the cursor.
Key | Function |
---|---|
Tab |
|
Shift + Tab |
|
Enter |
|
Space |
|
Right arrow | When the multiline input area has focus:
|
Left arrow | When the multiline input area has focus:
|
Shift + Left arrow / Shift + Right arrow | This action drags selection over text characters, one at a time. |
Backspace | When the multiline input area has focus and:
|
Alphanumeric / Special keys | When the multiline input area has focus, this action inserts the relevant character at the point where the text cursor is positioned. |
Control + A / Command + A | This action highlights all strings within the field. |