Using with Channel Form
Tag supports integration with the Channel Form tag to allow submitting/editing of tags to new entries or editing existing one. It allows you to call the same Tag widget as available in the CP, and can be styled however you wish, but the default appearance looks similar to the one in the CP.
Simply place the following template variable within your Channel Form form where you'd like your Tag field(s) to show up:
{field:TAG_FIELDTYPE_NAME}
A simple working example of a Channel Form form would look like this:
<h3>Create a new Entry</h3>
{exp:channel:form
channel="articles"
return="news/article/URL_TITLE"
}
<p>
<label for="title">Title</label>
<input type="text" name="title" id="title" maxlength="100" onkeyup="liveUrlTitle();" />
<input type="hidden" name="url_title" id="url_title" value="{url_title}" maxlength="75" />
</p>
<p>
{status_menu}
<label for="status">Status</label>
<select name="status" id="status">
{select_options}
</select>
{/status_menu}
</p>
<p>
<label for="body">Body</label>
<textarea name="body" id="body" /></textarea>
</p>
<p>
{!-- Tag field will populate here --}
<label for="tags">Tags</label>
{field:TAG_FIELDTYPE_NAME}
</p>
<button type="submit">Publish</button>
{if no_results}
<p>No results</p>
{/if}
{/exp:channel:form}