HTML5数据列表自动完成下拉列表在iOS上不起作用

Question

我看到了这个问题，它很相似，但看起来没有人能回答。

我决定用HTML5数据列表实现一个自动完成下拉列表，因为我有大约1000个项目，我希望移动用户能够开始键入并缩小列表范围。在我的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上还不支持数据列表（请注意，自2014年10月6日起，iOS的当前版本为8.0.2）

我可以使用-数据列表