任意のテキストを手軽にオートコンプリートとして実装できるjQueryプラグイン・Completer

スポンサーリンク

送信フォーム等で任意のテキストを手軽にオートコンプリートとして出せるようにする、というスクリプトのご紹介です。手軽さが気に入ったのでメモ。

簡単にオートコンプリート機能を付与できるスクリプトです。ファイルサイズは非圧縮で10KBほど。jQueryに依存しています。

Completer


文字を入力すると、いくつかのメールアドレスが候補として表示されます。

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="completer.min.js"></script>

本体とプラグインを読み込みます。

<input type="text" completer data-separator="@" data-source="['gmail.com', 'live.com', 'yahoo.ne.jp', 'i.softbank.jp']" placeholder="メールアドレスを入力">

補完テキストはカスタムデータ属性で設定可能です。

他にも使い方はいろいろあるみたい。ライセンスはMITです。

Completer

URL :
TRB :

Comments & Trackbacks (1)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services