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>