jQuery Typeahead Tagging

Typeahead Tagging is a jQuery plugin to turn a regular input into a tag input with typeahead autocompletion.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: bitmazk.github.io

1. INCLUDE CSS AND JS FILES

<link href="css/typeahead.tagging.css" rel="stylesheet">
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="js/libs/typeahead.bundle.min.js"></script>
<script src="js/typeahead.tagging.js"></script>

2. HTML

<input type="text" id="taginput" value="">

3. JAVASCRIPT

// The source of the tags for autocompletion
var tagsource = ['Foo', 'Bar', 'Anoter Tag', 'Even more tags',
                 'Such autocomplete', 'Many tags', 'Wow'];

// Turn the input into the tagging input
$('#taginput').tagging(tagsource);