Question

我在通过PhoneGap创建的移动应用上创建了一个搜索字段。我试过没有运气。我也知道我可以通过CSS＆amp; amp;来解决输入字段的视觉问题。 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

文字：＆lt; input type =“text”/＆gt;

电话：＆lt; input type =“tel”/＆gt;

网址：＆lt; input type =“url”/＆gt;

电子邮件：＆lt; input type =“email”/＆gt;

邮政编码：＆lt; input type =“text”pattern =“[0-9] *”/＆gt;

不支持搜索作为输入类型，并且需要在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/>

使用PhoneGap在iPhone上获取搜索键盘

3 个答案: