我正在使用该标签为我的搜索框创建建议列表，但我无法从数据列表中选择多个值。目前，我的 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>
它将为一项提供建议，但之后建议不会建议我的第二个选项自动完成。我认为“多个”标签就是我所需要的（以及网上建议的），但它似乎没有达到预期的效果。
有什么建议么？
多个当前仅适用于输入类型=“电子邮件”并且仅在 Chrome 和 Opera 中使用
看看这个极简的例子：
input{width:500px}
<input type="email" list="emails" multiple>
<datalist id="emails">
<option value="[email protected]">
<option value="[email protected]">
<option value="[email protected]">
<option value="[email protected]">
</datalist>
<br><br><br>
<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>
第一个输入有效，第二个输入无效。
您只需按逗号，列表就会像点击输入时一样出现。
还有一个 polyfill，请查看 fiddle 中的工作示例：https://jsfiddle.net/iiiic/gprLnuwy/4/
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
