タグ入力はこれにお任せ！「jQuery TextExt」
jQuery TextExtは自動補完をはじめとする便利な機能が多いタグ入力ライブラリです。
タグ入力機能を持ったWebサービスは多いですが、入力しやすいものは多くありません。そこで使ってみたいのがjQuery TextExtです。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-21 9.57.51.1358765072.png)
こんな感じでタグ入力ができます。×ボタンを押せば消えます。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-21 9.58.05.1358765076.png)
他の入力から追加もできます。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-21 9.58.38.1358765080.png)
自動補完。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-21 9.58.51.1358765083.png)
入力した値は配列で受け取れます。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-21 9.59.00.1358765087.png)
自動補完のカスタマイズも可能です。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-21 10.00.01.1358765090.png)
削除だけでなく、値の変更もできます。
[](http://images.moongift.jp/2013/01/Screenshot 2013-01-21 10.00.12.1358765093.png)
予め入力された状態にもできます。
タグ入力で必須とも言える入力補完や入力後の表示変更、placeholder、×ボタンによるキャンセルなど必要な機能は概ね押さえてあります。デザインを自分のサイト向けにアレンジすればすぐに使えそうです。
jQuery TextExtはjQuery/JavaScript製、MIT Licenseのオープンソース・ソフトウェアです。
MOONGIFTはこう見る
個人的にはタグ入力はあまり好きではありません。あえてタグをつけても、あまり使われることは多くなく実際にはコメントの中に書かれている名詞を抽出するだけで事足りてしまうからです。むしろタグをつけるならばフリーテキストはいらないかも知れません。
情報をタグで管理するという仕組み自体、そろそろ考え直す方が良いかも知れないとさえ考えています。だいたいの情報は元コンテンツや位置情報、Webサイトのドメインなどから取得できるはずです。もっと別な使い道がタグにはあるのではないでしょうか。