送信フォーム等で任意のテキストを手軽にオートコンプリートとして出せるようにする、というスクリプトのご紹介です。手軽さが気に入ったのでメモ。
簡単にオートコンプリート機能を付与できるスクリプトです。ファイルサイズは非圧縮で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です。