datalist要素

datalist要素はinput要素に入力候補を出力するための要素です。

input要素とdatalist要素はlist属性で関連付けを行い、入力候補はoption要素で列挙します。

option要素にvalue属性が指定されている場合は空でvalue属性がない場合はテキストを内側に記述します。

<input name="sex" list="sexes">
<datalist id="sexes">
	<option value="Female"></option>
	<option value="Male"></option>
</datalist>

<input name="sex" list="sexes">
<datalist id="sexes">
	<option>Female</option>
	<option>Male</option>
</datalist>

datalist要素に対応していないブラウザを考慮してvalue属性内に記述するほうがよいでしょう。(テキストとして記述した場合は非対応ブラウザで表示されるため)

登録日 : 2015年01月15日最終更新日 : 2015年1月17日

HTMLリファレンス