时间戳

首页 > 解决方案 > is not working as expected in iPad

html - is not working as expected in iPad

问题描述

我正在尝试使用它，它在 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 个选项，如果我按退格键并清除“椰子”，则说“椰子”，之后此处不会显示任何选项，我必须刷新页面才能使其再次工作。因此，选项仅显示一次。

任何帮助深表感谢

标签： htmlipadhtml-datalist

解决方案

推荐阅读