Obtenir Clavier de recherche sur l'iPhone en utilisant PhoneGap

Question

J'ai créé un champ de recherche sur une application mobile je crée par PhoneGap. Je l'ai essayé d'utiliser sans chance. Je sais aussi que je pouvais contourner l'aspect visuel du champ de saisie via CSS et Javascript, mais comment puis-je obtenir le clavier d'avoir un bouton « SEARCH » en bas à droite au lieu de dire « RETOUR »

Answer 1

Utilisez

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

Le <form> est un must.

(Voir aussi http://groups.google .com / groupe / phonegap / browse_thread / fil / bca19709dbdf2e24 / eb312d0607102395? LNK = raot )

Answer 2

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

Texte:

Téléphone:

URL:

E-mail:

Code postal:

La recherche est pas pris en charge en tant que type d'entrée, et nécessiterait un travail considérable pour faire indigène se produire dans PhoneGap.

Voir ici pour plus de détails: https: //developer.apple.com/library/content/documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/KeyboardManagement/KeyboardManagement.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:

Il ne fonctionne que sur iPhone OS 3.1 +

La balise d'entrée DOIT être dans une balise.

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/>