<datalist> - 略語

項目	説明
形式	<datalist>～</datalist>
サポート	H5+ / Op9+
タグの省略	開始タグ：必須、終了タグ：必須
包含可能要素	option

datalist は <option> と組み合わせて入力項目の選択肢を定義します。input要素の label属性と、datalist要素の id属性で両者を結び付けます。

Opera 9以降でサポートされています。

【一般属性】
属性	意味
class=class	H5+。クラスを指定します。
id=id	H5+。IDを指定します。
style=style	H5+。スタイルシートを指定します。
title=title	H5+。タイトルを指定します。
dir=dir	H5+。文字の表示方向を指定します。
lang=lang	H5++。言語を指定します。
accesskey=key	H5+。アクセスキーを指定します。
tabindex=n	H5+。タブインデックスを指定します。
contenteditable=bool	H5+。要素を編集可能にします。
contextmenu=id	H5+。コンテキストメニューを指定します。
draggable=bool	H5+。ドラッグを可能にします。
dropzone=value	H5+。ドロップを可能にします。
hidden	H5+。要素を非表示にします。
spellcheck=bool	H5+。スペルをチェックします。

HTML

<label>
  好きなスポーツは？
  <input type="text" name="fav_sports" list="sports_list">
  <datalist id="sports_list">
    <option value="サッカー">
    <option value="野球">
    <option value="ゴルフ">
  </datalist>
</label>

表示

好きなスポーツは？

<input>、 <option>、

<datalist> - 略語

■ 概要

■ 説明

■ 属性

■ 使用例

■ 関連項目