An open API service indexing awesome lists of open source software.

https://github.com/developit/puredom-taginput

Turns <input type="tag"> into a tag editor field.
https://github.com/developit/puredom-taginput

Last synced: 3 months ago
JSON representation

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

Awesome Lists containing this project

README

          

puredom-taginput
================
A [puredom](http://puredom.org) plugin that adds support for `` to forms wrapped in [puredom.FormHandler](http://puredom.org/docs/symbols/puredom.FormHandler.html).
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:*
```html

```

---

Selection Methods
=================

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

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

Selection Example
-----------------
```html

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

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

```

---

Using With FormHandler
======================
If you're using [puredom.FormHandler](http://puredom.org/docs/symbols/puredom.FormHandler.html), all `` fields will be automatically enhanced once you include the plugin.

FormHandler Example
-------------------
```html

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

```

---

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