<datalist> * - 入力項目の指定（新）

■ 概要

項　　目説　　明
記述形式 <datalist id="入力項目名">～</datalist>
対応ブラウザー H5+ / e9+ / Fx4+ / Op11.1+ / Ch5+ / Sa4.1+
種　　類
（カテゴリー）		 フロー・コンテンツ，フレージング・コンテンツ
置ける場所 フレージング・コンテンツが記入できる場所
内包要素
（コンテンツ・モデル）		 ０個以上の option要素 を子孫にもつ フレージング・コンテンツ，
または，０個以上の option要素
（コンテンツ・モデル: カテゴリー）

■ 解説

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

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

■ 属性

種　　類名　　称
【固有属性】 なし
【グローバル属性】 accesskey，class，contenteditable *， dir，
hidden *，id， lang，spellcheck *，style，
tabindex，title，translate *
【ARIA role属性】 で
指定可能な値 （役割）		 listbox （既定の役割のため指定対象外）
【ARIA aria-* 属性】 で
指定可能なもの		 ARIA グローバル状態とプロパティ，
指定可能な役割の任意の状態とプロパティ   

■ CSSプロパティ

種　　類名　　称
【よく使うもの】

■ 使用例

HTMLソース
HTML
<body> ～ </body>		 
<div style="text-align: left;">
  <label>好きなスポーツは？</label>
  <input type="text" name="fav_sports" list="sports_list">
  <datalist id="sports_list">
    <option value="サッカー" label="サッカー">
    <option value="野球" label="野球">
    <option value="ゴルフ" label="ゴルフ">
  </datalist>
</div>

ブラウザー 表示例

■ 備考