jQuery.input.tags

jQuery.input.tags is a jQuery Plugin that gives you the power of tags for your inputs, it was built over an client requirements, so the structure bellow is used to fit the client needs, but stills easy to use and understand. A further version will be available without unnecessary html code.

<div class="jQueryInputTags">
  <input type="text" placeholder="Type your tags here!">
  <input type="hidden">
</div>
          

  <div class="jQueryInputTags">
    <input type="text" placeholder="Type your tags here!">
    <input type="hidden" value="Lorem,Ipsum,Dolor,Amet">  
  </div>
            

You could set the options bellow:

  - maxTotalSize 255
  - maxTagSize 15
  - minTagSize 3
  - chars /[:,]/
  - keycode: /(^9$|^13$)/
  - separator: ',',
  - sensitive: false,
  - clearSpaces: true
              

    <div class="jQueryInputTags">
      <input type="text" placeholder="Type your tags here!">
      <input type="hidden" value="Lorem,Ipsum,Dolor,Amet">  
    </div>
              

$('.customOptions').jQueryInputTags({
  maxTotalSize: 100,
  maxTagSize: 15,
  minTagSize: 1,
  chars: /[!:,]/
});