datalistタグで入力項目の候補リストを作成できる

「datalist」タグはご存知ですか？

以下のようにHTML標準の機能で入力補完を実装できます。

<input list="language"  placeholder="プログラミング言語" />
  <datalist id="language">
  <option value="JavaScript">
  <option value="Python">
  <option value="Ruby">
  <option value="PHP">
  <option value="Go">
</datalist>

ブラウザによって多少挙動は異なりますが、2021年1月現在では主要なブラウザはほぼ全て対応しています。