<input type = "search"> ne fonctionne pas sur iPhone Mobile Safari

Question

Censément en HTML5 dans Safari, vous pouvez définir votre type d'entrée comme "search" et quand l'utilisateur commence à taper, un bouton X apparaîtra pour lui permettre de clair, un peu comme la barre de recherche Google dans Safari. Sur mon site Web, cela fonctionne sur le bureau de Safari mais cela ne fonctionne pas dans 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)"> 

Au début, je pensais que c'est parce que j'ai une fonction de saisie semi-automatique Jquery sur la #termsField mais encore une fois si elle fonctionne dans Desktop Safari qui ne serait pas le cas. Est-ce que quelqu'un a une idée de pourquoi cela pourrait se produire? En outre, il ne fonctionne pas non plus sur mon iPhone ou sur l'iPhone Simulator en XCode, donc ce n'est pas un problème spécifique à mon iPhone.

Answer 1

Cela fonctionne dans Safari (Desktop), mais pas sur l'iPhone (Mobile Safari). Vous pouvez mimic the functionality via un javascript intelligent.

Answer 2

vous devez faire le type = « recherche » attribuer le premier dans la balise - à savoir

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

Ce bug a été résolu depuis pour iphones mais les navigateurs Android ont encore besoin la recherche d'attributs d'abord, sinon sera affiché en tant que champ de saisie standard.