html5 – 多个选择与datalist

前端之家收集整理的这篇文章主要介绍了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相关文章