(HTML5)datalist要素は現時点では使いものにならない

試してみてほしい操作

• datalist (1) について

• まずはオートコンプリートが使えるかどうかを試します。
  各テキストボックスに"a"と打ち込んでください。
  候補リストが表示されますか?
• input要素のautocomplete属性の値に左右されずにオートコンプリートされますか?
  "on"の場合または"off"の場合だけ機能しなかったりおかしな表示になることはありませんか?
• "c"と打ち込んでください。
  "acc"が候補に表示されますか?
  つまり、入力した値は、各候補の文字列の先頭だけでなくどの部分でもマッチしますか?

• datalist (2) について

• "a"と打ち込んでください。
  候補リストが表示されない場合は"1"と打ち込んでください。
  リストは"a"と"1"のどちらで表示されましたか?
• 候補リストはどのように表示されていますか?
  option要素のvalue属性と、optionタグで囲まれた文字列、どちらも表示されていますか?
  それともどちらか一方しか表示されていませんか?

現時点では、上の項目の結果がブラウザによってバラバラです。
さらに、datalistをCSSで装飾することもできません。
まったく、使い物になりません。

datalist (1)

option要素の中身がありません。

<datalist id="keywords">
	<option value="abb">
	<option value="AAA">
	<option value="aaa">
	<option value="acc">
</datalist>

1. autocomplete="off"

   <input type="text" autocomplete="off" list="keywords">

2. autocomplete="on"

   <input type="text" autocomplete="on" list="keywords">

3. autocomplete属性を記述しない

   <input type="text" list="keywords">

datalist (2)

option要素の中身に、value属性の値とは別の値を入れています。

<datalist id="keywords2">
	<option value="abb">111</option>
	<option value="AAA">122</option>
	<option value="aaa">100</option>
	<option value="acc">133</option>
</datalist>

1. autocomplete="off"

   <input type="text" autocomplete="off" list="keywords2">

2. autocomplete="on"

   <input type="text" autocomplete="on" list="keywords2">

3. autocomplete属性を記述しない

   <input type="text" list="keywords2">