このプラグインでは textarea に対応できないと思います。ただ、項目が増えると複数行に折り返されるため、textarea と同じような見た目になります。このプラグインで生成される ul に min-height
を設定することで見た目を近づける事も可能かと思います。
HTML
1<input name="tags" id="mySingleFieldTags" value="fancy, new, tag, demo">
2```を
3
4```HTML
5<ul class="tagit ui-widget ui-widget-content ui-corner-all">
6 <li class="tagit-choice ui-widget-content ui-state-default ui-corner-all tagit-choice-editable"><span class="tagit-label">fancy</span><a class="tagit-close"><span class="text-icon">×</span><span class="ui-icon ui-icon-close"></span></a></li>
7 <li class="tagit-choice ui-widget-content ui-state-default ui-corner-all tagit-choice-editable"><span class="tagit-label">new</span><a class="tagit-close"><span class="text-icon">×</span><span class="ui-icon ui-icon-close"></span></a></li>
8 <li class="tagit-choice ui-widget-content ui-state-default ui-corner-all tagit-choice-editable"><span class="tagit-label">tag</span><a class="tagit-close"><span class="text-icon">×</span><span class="ui-icon ui-icon-close"></span></a></li>
9 <li class="tagit-choice ui-widget-content ui-state-default ui-corner-all tagit-choice-editable"><span class="tagit-label">demo</span><a class="tagit-close"><span class="text-icon">×</span><span class="ui-icon ui-icon-close"></span></a></li>
10 <li class="tagit-new"><input type="text" class="ui-widget-content ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true"></li>
11</ul>
と置き換えるプラグインなので、動作を input に限っているようです。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2016/04/28 07:59