使用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中支持以下功能，因此iPhone OS 3.1支持PhoneGap

文字：<input type =“text”/>

电话：<input type =“tel”/>

网址：<input type =“url”/>

电子邮件：<input type =“email”/>

邮政编码：<input type =“text”pattern =“[0-9] *”/>

搜索不支持作为输入类型，并且需要在PhoneGap中进行大量本机工作。

有关详细信息，请参阅此处： https ： //developer.apple.com/library/content/documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/KeyboardManagement/KeyboardManagement.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/>