html - 带有数据列表的多项选择

我正在使用标记来为搜索框创建建议列表，但是无法从数据列表中选择多个值。目前，我的HTML是:

<html>

  <form action="search_tags.php" method="GET"/>

  Search: <input type="text" multiple="multiple" name="search" list="tags" autocomplete="off" />

  <datalist id="tags">
    <option value="black">
    <option value="gold">
    <option value="grey">
    <option value="pink">
    <option value="turquoise">
    <option value="red">
    <option value="white">
  </datalist>

</html>

它将为一项提供建议，但是在那之后这些建议将不会为我的第二项建议提供自动完成功能。我以为'multiple'标签是我所需要的(以及在线建议的内容)，但似乎没有达到预期的效果。

有什么建议？

最佳答案

多个当前仅在输入type =“email”且仅在Chrome和Opera中有效

看这个简单的例子:

<input type="email" list="emails" multiple>
<datalist id="emails">
    <option value="first@example.com">
    <option value="second@example.com">
    <option value="third@example.com">
    <option value="last@example.com">
</datalist>

<input type="text" list="texts" multiple>
<datalist id="texts">
    <option value="black">
    <option value="gold">
    <option value="grey">
    <option value="pink">
    <option value="turquoise">
    <option value="red">
    <option value="white">
</datalist>

(http://jsfiddle.net/iiic/t66boyea/1/)

第一个输入将起作用，第二个NOT将起作用。 只需按逗号，列表就会显示为与单击输入相同。

关于html - 带有数据列表的多项选择，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14148538/