Obtendo o teclado de pesquisa no iPhone usando o PhoneGap

Question

Eu criei um campo de pesquisa em um aplicativo móvel que estou criando via PhoneGap. Eu tentei usar sem sorte. Eu também sei que eu poderia contornar o aspecto visual do campo de entrada via CSS & JavaScript, no entanto, como faço para que o teclado tenha um botão "Pesquisar" no canto inferior direito, em vez de dizer "retornar"

Answer 1

Usar

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

o <form> é uma obrigação.

(Veja também http://groups.google.com/group/phonegap/browse_thread/thread/bca19709dbdf2e24/eb312d0607102395?lnk=raot)

Answer 2

Os seguintes são suportados no Mobile Safari e, portanto, PhoneGap desde o iPhone OS 3.1

Texto:u003Cinput type="text" />

Telefone:u003Cinput type="tel" />

URL:u003Cinput type="url" />

E-mail:u003Cinput type="email" />

Código postal:u003Cinput type="text" pattern=[0-9]*" />

A pesquisa não é suportada como tipo de entrada e exigiria um trabalho nativo considerável para fazer acontecer no PhoneGap.

Veja aqui para obter detalhes: https://developer.apple.com/library/content/documentation/stringstextfonts/concceptual/textandwebiphoneos/keyboardmanging/keyboardmanagement.html

Answer 3

ATUALIZAÇÃO: O seguinte tipo de entrada funciona conforme o esperado:

Há algumas coisas importantes que você precisa ter em mente:

Funciona apenas no iPhone OS 3.1 +

A tag de entrada deve estar dentro de uma tag.

Além disso, vale a pena notar as seguintes tags também:

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