<datalist> 要素は、他の<input> 要素のコントロールのために定義された<option> 要素の集合を表します。<datalist> 要素に対応していないブラウザのために内容に<select> 要素を含めることもできます。<input> 要素と関連付けるには、id 属性に<input> 要素のlist 属性の値を指定します。
- カテゴリー
- フロー・コンテンツ、フレージング・コンテンツ
- 配置場所
- フレージング・コンテンツが置ける場所。
- 内容
- 0個以上の
<option> 要素またはフレージング・コンテンツ。 - 属性
サンプル
<!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>