list属性

input要素のlist属性は、入力候補を示すdatalist要素（データリスト）のid属性値を指定する属性。HTML5にて新たに導入された属性である。

ブラウザ対応

構文

<input list="datalist要素のid属性値">

datalist要素のid属性値

input要素に入力する候補を示すdatalist要素（データリスト）のid属性値を指定する。

list属性に対応しているinput要素のタイプ（type属性値）

text search tel url email date time number range color

サンプルコード

１行テキスト入力欄： <input type="text" list="sampleDatalistId">
<datalist id="sampleDatalistId">
	<option value="選択肢１"></option>
	<option value="選択肢２"></option>
	<option value="選択肢３"></option>
</datalist>

サンプル

HTMLソースコード

<p>
	<label>
		１行テキスト入力欄：
		<input list="sampleDatalist">
	</label>
	<datalist id="sampleDatalist">
		<option value="Internet Explorer"></option>
		<option value="Chrome"></option>
		<option value="FireFox"></option>
	</datalist>
</p>

実際の表示