在 iPhone/iPad Safari 键盘中显示“搜索"按钮 [英] Show 'Search' button in iPhone/iPad Safari keyboard

问题描述

我注意到在 Dell 或 Google 等网站中导航时，使用 iPhone 在搜索文本框中键入内容时，键盘上会出现一个蓝色按钮搜索"，而不是出现在任何普通表单上的标准开始"按钮.

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

解决方案

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

JS Bin 演示

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

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

I've noticed navigating in websites like Dell or Google, that typing in their search text box with iPhone, in the keyboard appears a blue button 'Search' instead of the standard 'Go' button that appears on any normal form.

What should you do to display the search button?

解决方案

You can influence this behaviour with:

<input type="search" />

JS Bin demo

Ignore the submit button's text being 'kettle,' I just wanted to be sure that it wasn't the submit button influencing the text of the iOS keyboard...

This is, of course, backwards compatible since a browser that doesn't understand type="search" will default to type="text", which is useful for creating forward-planning html5 forms.

这篇关于在 iPhone/iPad Safari 键盘中显示“搜索"按钮的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！