html5 – 多个选择与datalist

我正在使用标签为我的搜索框创建一个建议列表,但是我不能从数据记录器中选择多个值.目前,我的 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>

它将提供一个项目的建议,但之后,建议不会建议自动完成我的第二个选项.我认为“多重”标签是我需要的(以及在线建议),但它似乎没有预期的效果.

有什么建议么？

解决方法

多个目前仅使用输入type =“电子邮件”,仅在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.您只需要按逗号,列表就会出现与点击输入相同.

html5 – 多个选择与datalist

解决方法

相关文章