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

Question

我注意到在像戴尔或谷歌这样的网站上导航时，在使用 iPhone 的搜索文本框中键入内容时，键盘上会出现一个蓝色按钮“搜索”，而不是出现在任何正常表单上的标准“开始”按钮。

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

原文由 Javier Marín 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以通过以下方式影响此行为：

 <input type="search" />

JS Bin 演示

忽略 submit 按钮的文本是“水壶”，我只是想确定它不是影响 iOS 键盘文本的提交按钮……

当然，这是向后兼容的，因为不理解 type="search" 的浏览器将默认为 type="text" ，这对于创建 前瞻性规划 html5 表单 很有用。

原文由 David Thomas 发布，翻译遵循 CC BY-SA 2.5 许可协议

Answer 2

具有 type=“search” 通常是使软件搜索键盘出现所需的全部内容，但是在 iOS8 中，必须具有带有 action 属性的包装形式。

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

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

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

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

原文由 Anton Bielousov 发布，翻译遵循 CC BY-SA 3.0 许可协议