# puredom-taginput

> A puredom plugin that adds support for

Latest version **1.0.0** (published 2015-01-08) · BSD 3-Clause license · 0 weekly downloads

## Install

```sh
npm install puredom-taginput
pnpm add puredom-taginput
yarn add puredom-taginput
bun add puredom-taginput
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2015-01-08 |
| First published | 2015-01-08 |
| Weekly downloads | 0 |
| License | BSD 3-Clause |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Author | Jason Miller |
| Maintainers | developit |
| Keywords | puredom, input, plugin, tags |

## Links

- npm: https://www.npmjs.com/package/puredom-taginput
- Repository: https://github.com/developit/puredom-taginput
- Issues: https://github.com/developit/puredom-taginput/issues
- npm.io page: https://npm.io/package/puredom-taginput

## Recent versions

- 1.0.0 (latest) — 2015-01-08

## README

puredom-taginput
================
A [puredom](http://puredom.org) plugin that adds support for `<input type="tag">` 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
<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
-----------------
```html
<!-- 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](http://puredom.org/docs/symbols/puredom.FormHandler.html), all `<input type="tag">` fields will be automatically enhanced once you include the plugin.  

FormHandler Example
-------------------
```html
<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.

---
_Source: https://npm.io/package/puredom-taginput · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._