浏览器标识下拉列表

Question

我创建了一个下拉列表，但它仅适用于Firefox，但在Google Chrome中无效。能否告诉我我错过了什么？

<p>
<label for="Department">Your Department: </label>
<datalist id="Department">
<option value="Microbiology">
<option value="Mathematics">
<option value="Animal sciences">
<option value="Agricultural Economics">
<option value="Medicine">
<option value="Pharmacy">
<option value="Human Nutrition">
<option value="English">
<option value="Dentistry">
</datalist>
<input type="text" name="Department" id="Department" �
list="Department" />
<p>

Answer 1

你没有错过任何东西。它在以下浏览器版本中受支持：

谷歌浏览器： 20.0 +
Internet Explorer： 10.0 +
Firefox： 4.0 +
Safari：不支持
Opera： 9.0 +

有关详细信息，请访问http://www.w3schools.com/tags/tag_datalist.asp

Answer 2

它是HTML5标记。因此，您的浏览器必须支持它，否则它将无法满足您的需求。

还要注意浏览器版本。

有关详细信息，请参阅http://caniuse.com/#search=datalist。

Answer 3

根据http://www.w3schools.com/tags/tag_datalist.asp

如果版本＆gt; = 20.0

，则Chrome仅支持datalist标记

此外，Safari不支持，因此最好使用select。

希望这有帮助。