在iPhone/iPad Safari浏览器键盘中显示'搜索'按钮

我注意到在戴尔或谷歌等网站中导航，在iPhone中键入他们的搜索文本框，在键盘上出现一个蓝色按钮而不是标准的“搜索”出现在任何常规表单上的“开始”按钮。在iPhone/iPad Safari浏览器键盘中显示'搜索'按钮

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

可以影响这种行为：

<input type="search" />

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

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

2011-02-01 15:46:45

任何想法，为什么它的工作原理在这个网站虽然？ http://www.mobilecityonline.com/ 在iPhone上检查了源，并且它没有使用type = search的输入。 – einarq 2011-11-21 11:22:18

为了回应我自己的评论，似乎iPhone也在键盘上显示“搜索”，如果文本框的名称中还包含单词“搜索”。未测试过Android。 – einarq 2011-11-22 21:18:46

元素的`id`必须包含搜索，使其在Chrome浏览器，然后让它在iPhone和iPad上工作，我只好就地内的`

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

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

2011-02-01 15:30:35

我无法与

<input type="search" />

但是，我没有得到获得搜索按钮它出现

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

2012-06-28 23:34:33 Tim

在iOS 8，您可以启用蓝色的“搜索” - 按钮

2014-10-08 09:28:08 dillqvist

具有类型=“搜索”通常是所有你需要为了使软件搜索键盘出现，但是在iOS8中，必须具有动作属性的包装形式。

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

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

但是这个代码应该有蓝色的“搜索”按钮，而不是

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

2014-10-09 21:01:17

回答