<input type = "search"> non funziona su iPhone Mobile Safari

Question

Presumibilmente in HTML5 in Safari, è possibile definire il tipo di input come "ricerca" e quando l'utente inizia a digitare, verrà visualizzato un pulsante X per consentire loro di chiaro, molto simile alla barra di ricerca di Google in Safari. Sul mio sito web, questo funziona su Safari desktop ma non funziona su 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)"> 

In un primo momento ho pensato è perché ho una funzione di completamento automatico Jquery sul #termsField ma ancora una volta se funziona in Desktop Safari che non sarebbe il caso. Qualcuno ha idea del perché questo potrebbe accadere? Inoltre, non funziona né sul mio iPhone né su iPhone Simulator in XCode, quindi non è un problema specifico per il mio iPhone.

Answer 1

Che funziona in (Desktop) Safari, ma non su iPhone (Mobile Safari). È possibile mimic the functionality tramite un javascript intelligente.

Answer 2

è necessario effettuare il type = "ricerca" attribuire il primo nel tag - cioè

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

Questo bug è stato poi risolto per iPhone, ma i browser Android ancora bisogno la ricerca attributo prima, altrimenti sarà reso come un campo di input standard.