我有一个问题,表现在Chrome和Firefox处理HTML5 datalist元素之间.
我可能正在滥用它,Firefox正在以我期望的方式处理,但Chrome不是.我没有在Opera上试过它.这是针对内部页面的,因此我可以控制正在使用的浏览器.
我设置了一个值,以及内部文本,如:
<input list="Names" placeholder="Enter Name or ID" name="txtSearchValue" autocomplete="off"/>
<datalist id="Names"><%=OptionsList%></datalist>
服务器端值"OptionsList"是从数据库查询动态构建的.最终结果大致如下:
<option value="123">Sam's Fresh Sandwiches</option>
<option value="234">Sawatdee</option>
等等
在Firefox上,我可以输入字母"S",然后输入"A"(不区分大小写),并且上面的两个条目都会出现.只要我键入"W"或用鼠标选择Sawatdee,文本框就会填充为234.这就是我希望发生的事情 - 因为我希望234发送回服务器而不是Sawatdee.如果我输入"A"然后输入"T",它也有效.
在Chrome上,我可以输入我想要的所有字母,但列表中不会显示任何内容.但是,如果我键入2,则只会出现第二个条目; 但是在列表中它会显示一个2,然后是Sawatdee.
我是否过度使用/滥用数据列表,或Chrome是否存在问题？或者是Chrome处理它,因为它在技术上应该是,我发现了一个Firefox错误？