Options Admin - Responsive Web Application Kit

Form - Tags

One stop solution for perfect admin dashboard!

Toggle Code!

Default Tags

foo xbar xbaz xroffle x

<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

php xios xjavascript xruby xandroid xkindle x

<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

foo

bar

buzz

write some tags

<!-- ========== JS ========== --><script>    $(function($) {    });</script>

John Doe

Form - Tags

Default Tags

Different Colors

Another Tag Input

Useful Sidebar