HTML5 datalist自動完成下拉式不適用於iOS

我看到這個question，這是相似的，但看起來像沒有人能夠回答它。HTML5 datalist自動完成下拉式不適用於iOS

我決定使用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個小時，所以如果這是一個非常愚蠢的問題，請溫和。

來源

2014-09-30 Brandi

iOS上還不支持datalist（截至2014年10月6日，未來訪問者的iOS版本爲8.0.2）。

Can I Use - Datalist

來源

2014-10-06 22:52:31 user1663734

請注意，這是因爲接口限制的部分（在iOS上，文本字段將打開屏幕鍵盤，在應該出現的項目數據列表的地方）。如果沒有大規模的重新設計，兩件事情都不可能共存。 – opalenzuela 2015-02-05 16:27:04

HTML5 datalist自動完成下拉式不適用於iOS

回答

相關問題