HTML5タグリファレンス
datalist

投稿 | | カテゴリー タグリファレンス, HTML5
HTML5で追加

<datalist>要素は、他の<input>要素のコントロールのために定義された<option>要素の集合を表します。<datalist>要素に対応していないブラウザのために内容に<select>要素を含めることもできます。<input>要素と関連付けるには、id属性に<input>要素のlist属性の値を指定します。


カテゴリ
フロー・コンテンツ、フレージング・コンテンツ
配置場所
フレージング・コンテンツが置ける場所。
内容
0個以上の<option>要素またはフレージング・コンテンツ。
属性
グローバル属性

accesskey, class, contenteditable, data-*, dir, hidden, id, lang, spellcheck, style, tabindex, title, translate

サンプル

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>HTML5 › datalist</title>
</head>
<body>
<h1>HTML5 › datalist</h1>
<form method="post">
<label>
<input type="text" name="sex" value="" list="sexes">
<datalist id="sexes">
<option value="Female">Female</option>
<option value="Male">Male</option>
</datalist>
</label>
<input type="submit" value="送信">
</form>
</body>
</html>