Obtendo o teclado de pesquisa no iPhone usando o PhoneGap
-
21-09-2019 - |
Pergunta
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"
Solução
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)
Outras dicas
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
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/>