2014/05/19

datalist在Chrome跟Firefox的表現

HTML5的datalist在Chrome跟Firefox的表現還真是差別不小
以下面這個例自來看
<input list="states" />
<datalist id="states">
<option value="Kansas">
<option value="Missouri">
<option value="Colorado">
<option value="Nebraska">
<option value="Oklahoma">
</datalist>
a

如果在input field中輸入 "o",在Chrome與Opera中看到的是以o開頭的選項,而且有像select/option的下拉式操作


而在Firefox中所看到的,是選項中含有o這個字母的選項,且沒有下拉的三角形 (不過在input field中用mouse click,還是會有選項出現)






沒有留言: