## 6.4.1.快速使用 :id=start
```html
<input id="demoTagsInput" value="辣妹子,大長腿" class="layui-hide"/>
<script>
layui.use(['jquery', 'tagsInput'], function () {
var $ = layui.jquery;
// 輸入框樣式
$('#demoTagsInput').tagsInput();
// 無邊框樣式
$('#demoTagsInput').tagsInput({skin: 'tagsinput-default'});
// BackSpace鍵可刪除標簽
$('#demoTagsInput').tagsInput({removeWithBackspace: true});
// 輸入列表提示
$('#demoTagsInput').tagsInput({
skin: 'tagsinput-default',
autocomplete_url: '../../json/tagsInput.json'
});
});
</script>
```
 只需要寫一個input框，調用tagsInput方法渲染即可，回顯數據寫在value中用逗號分隔。
## 6.4.2.全部參數 :id=options
參數 | 說明 | 默認值
--- | --- | ---
defaultText | 提示文字 | +請輸入
skin | 樣式風格 |
removeWithBackspace | 回退鍵可刪除已添加的標簽 | false
focusWithClick | 點擊已添加標簽輸入框獲取焦點 | true
autocomplete_url | 自動提示接口url |
autocomplete | 接口配置 |
**autocomplete參數：**
```javascript
$('#demoTagsInput').tagsInput({
autocomplete_url: '../../json/tagsInput.json',
autocomplete: {
type: 'post',
data: {
access_token: 'xxxxx'
}
}
});
```
 type是請求方式，默認是get請求，data是額外參數，請求autocomplete_url會傳遞`name`參數(輸入框的值)。
更詳細的使用文檔可以參考[jQuery-Tags-Input](http://www.jq22.com/jquery-info426)。
> 此插件基于 [jQuery-Tags-Input](https://github.com/xoxco/jQuery-Tags-Input) 二次修改。
