ITエンジニア/デザイナ向けにオープンソースを毎日紹介

HTML5の新しい機能の一つに入力補完があります。Safariなどは対応していませんが、大量にある候補の中から絞り込みつつ入力できるので便利です。とは言え、日本語では漢字があるので変換したりする手間を考えるとアルファベット向けの機能に感じます。

そんな若干使い勝手の悪い入力補完をもっと便利にしてくれるのがAwesompleteです。

Awesompleteの使い方

利用例です。Safariでも使えます。

メールアドレスの後半部分だけを補完する、なんて使い方もできます。

複数入力時の補完も可能です。

リスト付きにもできます。

標準の入力補完機能の欠点は、それが単なるテキストインプットなのか入力補完に対応しているのか分かりづらいことです。Awesompleteであれば右側に印も出せるのでユーザビリティが高くなると言えるでしょう。

AwesompleteはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

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

LeaVerou/awesomplete: Ultra lightweight, usable, beautiful autocomplete with zero dependencies.

 

MOONGIFTの関連記事

コメント

  • MOONGIFTプレミアム
  • Mobile Touch