在iPhone / iPad Safari键盘中显示“搜索”按钮

Question

我注意到在戴尔或谷歌这样的网站上导航，用iPhone输入搜索文本框，键盘上出现一个蓝色按钮“搜索”，而不是任何普通表格上出现的标准“开始”按钮。

您应该怎么做才能显示搜索按钮？

Answer 1

拥有 type =“search”通常只需要制作软件搜索键盘，但是在iOS8中，必须有一个包含 action 属性的包装表单。< / p>

所以下面的代码会有一个带有“Return”按钮的软件键盘

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

但是这段代码应该有蓝色的“搜索”按钮

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

Answer 2

您可以使用以下方式影响此行为：

<input type="search" />

JS Bin demo

忽略submit按钮的文本为'kettle，'我只是想确定它不是影响iOS键盘文本的提交按钮...

这当然是向后兼容的，因为不理解type="search"的浏览器将默认为type="text"，这对于创建forward-planning html5 forms非常有用。

Answer 3

我无法使用

获取搜索按钮

<input type="search" />

然而，我确实让它与

一起出现

<form>
    <input name="search" />
</form>

Answer 4

在iOS 8上，您可以通过执行以下操作之一启用键盘上的蓝色＆＃34;搜索＆＃34;按钮：

• 添加输入名称=搜索
• 添加输入类型=搜索
• 使用区分大小写的单词＆＃34;搜索＆＃34;为输入添加ID在ID中，用于 例如the-search或thesearchgod

Answer 5

键盘由操作系统（iOS）处理，无法直接更改。所需的输入类型决定了要显示的键盘类型。

如果有问题的网站是HTML5，那么@ David的回答是有效的。