Obtenir un clavier de recherche sur iPhone en utilisant PhoneGap

Question

J'ai créé un champ de recherche sur une application mobile que je crée via PhoneGap. J'ai essayé d'utiliser sans aucune chance. Je sais aussi que je pourrais contourner l'aspect visuel du champ de saisie via CSS & Javascript, mais comment obtenir le clavier pour avoir un bouton "SEARCH" en bas à droite au lieu de dire "RETURN"

Answer 1

Utilisez

<form> ... 
<input type="search" /> ... 
</form> 

Le <form> est un must.

(Voir aussi http://groups.google.com/group/phonegap/browse_thread/thread/bca19709dbdf2e24/eb312d0607102395?lnk=raot)

Answer 2

suivants sont pris en charge dans Safari mobile, et donc PhoneGap depuis l'iPhone OS 3.1

texte: < input type = "text" />

Téléphone: type d'entrée < = "tel" />

URL: < input type = "url" />

Email: < input type = "email" />

Code postal: < input type = "text" pattern = "[0-9] *" />

La recherche n'est pas prise en charge en tant que type d'entrée et nécessiterait un travail natif considérable dans PhoneGap.

Voir ici pour plus de détails: http://developer.apple.com/safari/library/codinghowtos/mobile/userexperience/index.html

Answer 3

Mise à jour: Le type d'entrée suivant fonctionne comme prévu:

Il y a des choses importantes que vous devez garder à l'esprit:

Cela ne fonctionne que sur iPhone OS 3.1 +

L'étiquette d'entrée DOIT être à l'intérieur d'une étiquette.

En outre, il convient de noter les balises suivantes ainsi:

<!-- display a telephone keypad --> 
<label for="tiTel">Telephone:</label> 
<input type="tel" id="tiTel"/> 
<br/> 

<!-- display a URL keyboard --> 
<label for="tiUrl">URL:</label> 
<input type="url" id="tiUrl"/> 
<br/> 

<!-- display an email keyboard --> 
<label for="tiEmail">Email:</label> 
<input type="email" id="tiEmail"/> 
<br/> 

<!-- display a numeric keyboard --> 
<label for="tiZip">Zip Code:</label> 
<input type="text" pattern="[0-9]*" id="tiZip"/> 
<br/>