ios - HTML5 数据列表自动完成下拉列表不适用于 iOS

Question

我看到这个 question ，这是相似的，但看起来没有人能够回答它。

我决定使用 HTML5 数据列表实现自动完成下拉列表，因为我有大约 1,000 个项目，我希望移动用户能够开始输入并缩小列表范围。似乎在我的 Android 上运行良好，但在 iOS 上根本没有选项。

这是一个已知问题吗？我似乎找不到太多关于它的信息。我想我会努力寻找屏幕位置错误(例如，由于某种原因，选项可能会出现在屏幕区域的一侧)，但我很困惑还有什么会导致这种情况。

这是 HTML:

       <p>School 1</p>
       <input type="text" id="input1" name="school" list="dlSchool1" class="collegeListInput" placeholder="Type a school's name..." />
       <datalist id="dlSchool1">
            <asp:Repeater ID="rpMobile" runat="server">
                 <ItemTemplate>
                      <option value="<%# Eval("SchoolName")%>"><%# Eval("SchoolName")%></option>
                 </ItemTemplate>
            </asp:Repeater>
        </datalist>

还有一些 CSS:

.collegeListInput {
    width: 225px;
    margin-top: 20px;
}

在 JQuery 中，我对 focusout 事件做了一些处理。

就是这样。在此先感谢您提供任何建议/资源。我现在是工作日的第 14 个小时，所以如果这是一个非常愚蠢的问题，请保持温和。

Answer 1

数据列表在 iOS 上尚不支持(请注意 future 的访问者，截至 2014 年 10 月 6 日，当前的 iOS 版本为 8.0.2)。

Can I Use - Datalist