Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

There is a UI element that I have seen in several places, but in trying to find an implementation for it, I realized I don't know how to correctly refer to it. The element that I am thinking of is a modified autocomplete text field, such as in Evernote's tags field on iOS or Gmails email address fields.

Here's an example:

enter image description here

Specifically, these appear as simple autocomplete text fields. However, when an element autocompletes, or a delimiter like a comma is typed, the element becomes an atomic 'bubble' which can no longer individually be modified, but the user can continue to enter a new autocomplete terms in the same field.

Any idea what these are kinds of fields are called?

share|improve this question
add comment

3 Answers

Sometimes it's called Token input. For example here: http://loopj.com/jquery-tokeninput/

share|improve this answer
add comment

I'm not sure there is actually name for the field itself, but what you are referring to appears to be a tag editing widget applied to the field.

A link to an implementation of it called 'Tag-it!' is here: http://aehlke.github.io/tag-it/

share|improve this answer
add comment

You're looking for something similar to the "Multiple Select" functionality of the "Chosen" JQuery plugin.

http://harvesthq.github.io/chosen/

share|improve this answer
add comment

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.