前の記事 ≪:JavaScriptでURL書き換えを便利にするユーティリティライブラリ「url.js」
次の記事 ≫:CSSで組まれたフォント「CSS SANS」

超軽量でカスタマイズ性の高いオートコンプリート実装「Awesomplete」

2015年03月24日-はてなブックマーク

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法

Awesomplete: Ultra lightweight, highly customizable, simple autocomplete, by Lea Verou

超軽量でカスタマイズ性の高いオートコンプリート実装「Awesomplete」
2KBで次のようにオートコンプリートが実装できます。



実装方法は、補完したいデータを data-list で属性定義するだけ、という簡単さ。



次のように別途datalist タグでデータを定義する事も可能です



@を入れた後のドメイン補完機能なんかも応用することで実現が可能



関連エントリ

関連の記事検索:autocomplete, データ
スポンサード リンク

By.KJ : 2015年03月24日 09:00 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)