Form - Tags
One stop solution for perfect admin dashboard!
Default Tags
<input id="tags_1" type="text" class="tags" value="foo,bar,baz,roffle" /></p><!-- ========== JS ========== --><script> $(function($) { $('#tags_1').tagsInput({width:'auto'}); });</script>
Different Colors
<input id="tags_2" type="text" class="tags" value="php,ios,javascript,ruby,android,kindle" /></p><!-- ========== JS ========== --><script> $(function($) { $('#tags_2').tagsInput({ width: 'auto', onChange: function(elem, elem_tags) { var languages = ['php','ruby','javascript']; $('.tag', elem_tags).each(function() { if($(this).text().search(new RegExp('\\b(' + languages.join('|') + ')\\b')) >= 0) $(this).css('background-color', '#f39c12'); }); } }); });</script>
Another Tag Input
<!-- ========== JS ========== --><script> $(function($) { });</script>