datalist  new : サジェストデータ一覧 safariios

カテゴリ

デモ

<label>
 Sex:
 <input name=sex list=sexes>
</label>
<datalist id=sexes>
 <label>
  or select from the list:
  <select name=sex>
   <option value="">
   <option>Female
   <option>Male
  </select>
 </label>
</datalist>
↑この領域は編集できます(シンタックスハイライトは同期しません)。

説明

サジェストするデータの一覧。 主にinputと併用して、入力に対するサジェストを行う。

子孫のoption要素をすべてサジェスト対象とするので、対応していないブラウザ向けに上記デモのようなフォールダウンが可能。