<input type =「search」>不適用於iPhone Mobile Safari

Question

假設在Safari中的HTML5中，您可以將輸入類型定義爲「搜索」，當用戶開始輸入時，X按鈕將顯示出來，很明顯，很像Safari中的Google搜索欄。在我的網站上，這適用於桌面Safari，但在Mobile Safari中不起作用。

<input id="termsField" type="search" autocorrect="off" placeholder="Type something here"> 

//This is the code for the X button I have to use now since HTML5 doesn't work 
<INPUT type="image" name="Clear" alt="Clear" src="clearX.png" height="22" width="22" 
     onClick="clearText(this)"> 

起初我還以爲這是因爲我對#termsField jQuery的自動完成功能，但同樣，如果它在桌面Safari瀏覽器的工作原理，不會是這樣的。有誰知道爲什麼會發生這種情況？ 另外，它不能在我的iPhone或XCode的iPhone模擬器中工作，所以它不是特別針對我的iPhone的問題。

Answer 1

這適用於（桌面）Safari，但不適用於iPhone（Mobile Safari）。你可以通過一些聰明的JavaScript來mimic the functionality。

Answer 2

您需要的類型=「搜索」的屬性在代碼中的第一個 - 即

<input type="search" id="termsField" autocorrect="off" 
     placeholder="Type something here" /> 

這個bug已經被解決了的iPhone，但Android的瀏覽器仍然需要尋找第一個屬性，否則將被渲染爲標準輸入字段。