pt

puredom-taginput

Turns <input type="tag"> into a tag editor field.

Showing:

Popularity

Downloads/wk

3

GitHub Stars

0

Maintenance

Last Commit

7yrs ago

Contributors

0

Package

Dependencies

0

Size (min+gzip)

1.7KB

License

BSD-3-Clause

Type Definitions

Tree-Shakeable

No?

Categories

Readme

puredom-taginput

A puredom plugin that adds support for <input type="tag"> to forms wrapped in puredom.FormHandler.
It enhances input fields with an interactive list of tags, represented in field values as a comma-separated list.

To use taginput, add the CSS and JS files to your page:

<link rel="stylesheet" type="text/css" href="puredom-taginput.css" />
<script src="puredom-taginput.js"></script>

Selection Methods

.taginput( {Boolean} enabled )
Enable or disable tag-based editing for a field

.removetaginput()
The same as calling .taginput(false)

Selection Example

<!-- standard input field -->
<input id="myTags" value="Foo, Bar, Baz" />

<script>
    // To enable the tag input UI for that field:
    puredom('#myTags').taginput();

    // To disable it:
    puredom('#myTags').taginput(false);
</script>

Using With FormHandler

If you're using puredom.FormHandler, all <input type="tag"> fields will be automatically enhanced once you include the plugin.

FormHandler Example

<form id="myForm">
    <input type="tag" value="No Shirt,No Shoes,No Service" />
</form>

<script>
    var form = new puredom.FormHandler('#myForm', {
        enhance : true
    });
</script>

License

This plugin is available under the BSD-3-Clause License.

Rate & Review

Great Documentation0
Easy to Use0
Performant0
Highly Customizable0
Bleeding Edge0
Responsive Maintainers0
Poor Documentation0
Hard to Use0
Slow0
Buggy0
Abandoned0
Unwelcoming Community0
100