Using data from <datalist> as a suggestion (the standard behavior).

Multiple options from <datalist> (Use comma to set and separate values)

Force the selection of an option from <datalist>

Multiple options from <datalist> (selection required)

Load data from file countries.json.

Like with <datalist> behavior, show the results as a suggestion.
Please note in the HTML that in order to search for value(s) property(ies) in a JSON, we set the option searchIn to name that matches the property for country name in JSON.

... with multiple values:

Now with the option selectionRequired to true:

Let's add some visibleProperties to results.
Since we are searching for country's name, 'name' is automatically an visibleProperties, but to add more, we simply set visibleProperties with ["name","capital","continent"].

Show all results on focus

Just set minLength to 0 and on focus, it will show all results.

Groups

Basic Initialization

Create elegant taggable fields with copy/paste and keyboard support.

Predefined Values

Placeholder

Autocomplete

Disabled

RTL Support