使用PhoneGap在iPhone上獲取搜索鍵盤

Question

我在通過PhoneGap創建的移動應用程序上創建了搜索字段。我試過用沒有運氣。我也知道我可以繞過輸入字段的視覺方面通過CSS & Javascript，但是我如何讓鍵盤有一個「搜索」按鈕而不是它說「返回」

Answer 1

使用

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

的<form>是必須的。

（另請參閱http://groups.google.com/group/phonegap/browse_thread/thread/bca19709dbdf2e24/eb312d0607102395?lnk=raot）

Answer 2

以下在移動Safari都支持，並且因此PhoneGap的自iPhone OS 3.1

文本：< INPUT TYPE = 「文本」/>

電話：< INPUT TYPE = 「電話」/>

網址：< INPUT TYPE = 「URL」/>

電子郵件：< INPUT TYPE = 「電子郵件」/>

郵編：<輸入類型= 「文本」 模式= 「[0-9] *」/>

搜索不支持作爲輸入類型，並且需要大量本機工作才能在PhoneGap中發生。

看到這裏的細節：http://developer.apple.com/safari/library/codinghowtos/mobile/userexperience/index.html

Answer 3

更新： 下面的輸入類型按預期工作：

還有，你要記住一些重要的事情：

它只適用於iPhone OS 3.1 +

輸入標籤必須位於標籤內。

此外，值得注意的是下面的標籤，以及：

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