Ottenere Ricerca tastiera su iPhone utilizzando PhoneGap

Question

Ho creato un campo di ricerca su un app mobile che sto creando con PhoneGap. Ho provato con senza fortuna. So anche che ho potuto ottenere in giro l'aspetto visivo del campo di input tramite CSS e Javascript, ma come faccio a ottenere la tastiera di avere un pulsante "Cerca" in basso a destra invece che essa dicendo "RETURN"

Answer 1

Usa

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

Il <form> è un must.

(Vedi anche http://groups.google .com / gruppo / PhoneGap / browse_thread / thread / bca19709dbdf2e24 / eb312d0607102395? lnk = raot )

Answer 2

I seguenti sono supportati in Safari Mobile, e quindi PhoneGap dal iPhone OS 3.1

Testo:

Telefono:

URL:

E-mail:

CAP:

Search non è supportato come un tipo di ingresso, e richiederebbe un notevole lavoro nativo di far accadere in PhoneGap.

Vedi qui per maggiori dettagli: https: //developer.apple.com/library/content/documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/KeyboardManagement/KeyboardManagement.html

Answer 3

Aggiornamento: Il seguente tipo di ingresso funziona come previsto:

Ci sono alcune cose importanti che dovete tenere a mente:

Funziona solo su iPhone OS 3.1 +

Il tag input deve essere all'interno di un tag.

Inoltre, vale la pena notare i seguenti tag così:

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