datalist要素を使ったフォームの作り方 今回はHTML5に新しく加わったdatalist要素を使ったフォームの作り方を紹介します。datalist要素とはinput要素にサジェスト機能を追加する要素です。 フォームを作成するとなると<input type=”text”>や<select>を使うことが多いですが、datalist要素を使うことで、これら両方の入力形式を一つのフォームで併せて実現することができます。 datalist要素を使ったフォームの実装デモ 次のフォームにテキスト入力もしくはダブルクリックしてメニューを選択してください。 好きな拳法: ダブルクリックすると選択肢に 北斗神拳 南斗聖拳 南斗水鳥拳 と表示されます。これら選択肢のいずれかを選ぶとフォームに選択肢のテキストが入力されます。テキストはもちろん後で修正できます。 ※safariやIE9以下といったdatali