问题描述
我正在尝试使用 Chrome 和 Firefox 浏览器,它在桌面和移动设备上按预期工作。但是,在适用于 Chrome 和 Firefox 的 iPad 中,它无法按预期工作。 这是复制问题的代码
<label for="ice-cream-choice">Choose a flavor:</label>
<input list="ice-cream-flavors" id="ice-cream-choice" name="ice-cream-choice" />
<datalist id="ice-cream-flavors">
<option value="Chocolate">Chocolate</option>
<option value="Coconut">Coconut</option>
<option value="Mint">Mint</option>
<option value="StrawBerry">StrawBerry</option>
<option value="Vanilla">Vanilla</option>
</datalist>
在 iPad 中,对于 Chrome 和 Firefox,如果我在输入框中输入“C”,则相关选项即。 'Chocolate' 和 'Coconut' 确实出现了,但在它们之后还有 3 个空选项/行。
此外,如果我从其中选择 1 个选项,如果我按退格键并清除“椰子”,则说“椰子”,之后此处不会显示任何选项,我必须刷新页面以使其再次工作。因此,选项仅显示一次。
非常感谢任何帮助
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)