我看到这个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中，我在焦点事件上做了一些事情。
就是这样。提前感谢任何建议/资源。我正处于工作日的第14小时，所以如果这是一个非常愚蠢的问题，请保持温和。