Tag Inputs

jQuery plugin providing a Twitter Bootstrap user interface for managing tags

Tagging JS

Simple Options

Australia, India, USA

By default case-sensitive is false. Set it to true to allow case sensitive.

Sydney, Beijing

By default close char is "×". Pass empty string close-char:"" To remove close char.

Cairo, Amsterdam, Washington

By default you can edit the tag you just deleted from the tag box. set it edit-on-delete:false to avoid that.

India, Brazil

By Default duplicate tags are not allowed, set no-duplicate:false to allow duplicates.

Amsterdam, Beijing

Enter key add a new tag by default, set it no-enter:true to avoid that.

Sydney, Washington

Comma "," key add a new tag by default, set it no-comma:true to avoid that.

Advance Options

Australia, India, USA

You can pass an array like ["," , ".", "_", "?"] of forbidden chars.

Sydney, Beijing

Following words as forbidden, "bastard","bitch","biatch","bloody".

Cairo / Amsterdam / Washington

Define your pre tag separator. In this example / is used as pre tag separator.

India, Brazil

If false, clicking away from the $type_zone won't add a new tag.

Amsterdam, Beijing

Define your tag char. In this example we have used * as tag char.

Sydney, Washington

Define your Class of the type-zone.

Simple Methods

Australia, India, USA
Sydney, Beijing, Cairo
Washington, Sydney, Beijing
Washington, Sydney, Beijing
Washington, Sydney, Beijing
Washington, Sydney, Beijing

Advance Methods

Washington, Sydney, Beijing
Washington, Sydney, Beijing
Washington, Sydney, Beijing

Check your console to see the special key objects.

Returns object
JavaScript
                                        
                                            Object {comma: 188, enter: 13, spacebar: 32, del: 46, backspace: 8}
                                        
                                    
Washington, Sydney, Beijing

Check your console to see the returned value.

Returned Value
JavaScript
                                        
                                            cairo
                                        
                                    

Theme Customizer


Customize & Preview in Real Time

Menu Color Options

Layout Options

Navigation Color Options
Solid
Gradient

Solid

Gradient

Buy Now