iphone - ohio - cleveland vs

<input type="search"> no funciona en iPhone Mobile Safari

Question

Supuestamente en HTML5 en Safari, puede definir su tipo de entrada como "búsqueda" y cuando el usuario comienza a escribir, se mostrará un botón X para permitir que se borren, al igual que la barra de búsqueda de Google en Safari. En mi sitio web, esto funciona en Safari de escritorio, pero no funciona en 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)">

Al principio pensé que era porque tengo una función de autocompletado de Jquery en #termsField pero de nuevo si funciona en Desktop Safari no sería el caso. ¿Alguien tiene alguna idea de por qué esto podría estar pasando? Además, no funciona ni en mi iPhone ni en el simulador de iPhone en XCode, así que no es un problema específicamente en mi iPhone.

Answer 1

necesita hacer que el atributo type = "search" sea el primero en la etiqueta, es decir,

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

Este error ya se resolvió para los iphones, pero los navegadores Android todavía necesitan primero el atributo de búsqueda, de lo contrario se representará como un campo de entrada estándar.

Answer 2

Eso funciona en (Escritorio) Safari, pero no en el iPhone (Mobile Safari). Puede imitar la funcionalidad a través de algún javascript inteligente.