Tag input

A text field that turns each word or phrase you type into its own tag once you press Enter or a comma.

Also called: tag input, tags, tags field, tag field, chips, chips input, labels in a field, skills, multiple values, several values, pills with an x, removable tags

What it is for

It lets you enter several free-form values and build a list. The tags are shown separately and are easy to remove with a click on the “×”. The field often prevents duplicates.

Where you see it

• CMS — adding keywords to an article
• Email clients — entering several recipients in the “To” field
• Profiles — listing skills

What it is called in code

• tag input
• chips input
• TokenField

See also

• Badge — A small pill or circle with a short word or number: “New”, “−20%”, “3”.
• Dropdown list — A field that opens a list when you click it, so you can pick one or several options.
• Text input — A field where a person types something in: letters, numbers, symbols.