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