Tag Field

Turn a checkbox into a switch

<input name="tags_input" value="one,two,three,four,five,six,seven,eight,nine,ten,eleven"  data-fc-modules="tag-field" data-fc-values="foo,baz,bar" placeholder="add tags separated by comma" required="required" />
<input name="tags_select"  data-fc-modules="tag-field" data-fc-values="foo,baz,bar" data-fc-mode="restrict" placeholder="add tags separated by comma" required="required" />
  1. Container:

    Input:

<h4>Container:</h4>
<div id="containerId"></div>
<h4>Input:</h4>
<input name="tags_container" value=""  data-fc-modules="tag-field" data-fc-container="#containerId" required="required" />

Attributes

value

Tags separated by coma. Use it also to prefill the input with tags.

data-fc-values

List separated by comma of the words and phrases to autocomplete.

DEFAULT: left

data-fc-max

Max number of tags allowed.

DEFAULT: add a tag...

data-fc-select

If it's set to true show the dropdown select to view all the values defined in data-fc-values.

DEFAULT: free

data-fc-mode

Defines the mode of the tags entry (Restrict or free). Restrict only allow values defined in data-fc-values and allows any value. If you set the mode to Restrict, data-fc-select default value will be false.

DEFAULT: free

data-fc-text-no-suggestion

Text that will be displayed when there are no suggestions. Use {{ query }} to show the query.

DEFAULT: No result matching the term {{query}}

placeholder

No result matching the term {{query}}

DEFAULT: Add a Tag

data-fc-container

Defines a selector where tags are going to be rendered.