我正在使用标签为我的搜索框创建一个建议列表,但是我不能从数据记录器中选择多个值.目前,我的
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.您只需要按逗号,列表就会出现与点击输入相同.