Показать кнопку "Поиск" на клавиатуре Safari iPhone/iPad

Я заметил навигацию на таких сайтах, как Dell или Google, которые набрали в текстовом поле поиска iPhone, на клавиатуре появляется синяя кнопка "Поиск" вместо стандартной кнопки "Go", которая появляется в любой нормальной форме.

Что вы должны сделать, чтобы отобразить кнопку поиска?

Ответ 1

Вы можете влиять на это поведение:

<input type="search" />

JS Bin demo

Игнорировать текст кнопки submit, являющийся "чайником", я просто хотел убедиться, что это не кнопка отправки, влияющая на текст клавиатуры iOS...

Это, конечно, обратная совместимость, так как браузер, который не понимает type="search", по умолчанию будет type="text", что полезно для создания forward -планирование html5 форм.

Ответ 2

с типом = "поиск", как правило, все, что вам нужно для создания программного обеспечения. Поиск клавиатуры появляется, однако в iOS8 обязательно иметь форму обертки с атрибутом action.

Таким образом, следующий код будет иметь программную клавиатуру с кнопкой "Возврат"

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

Но этот код должен иметь голубую кнопку "Поиск" вместо

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

Ответ 3

Мне не удалось найти кнопку поиска с

<input type="search" />

Однако, я получил его, чтобы появиться с

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

Ответ 4

На iOS 8 вы можете включить синий экран "Поиск" на клавиатуре, выполнив одно из следующих действий:

добавить имя ввода = поиск
добавить тип ввода = поиск
добавить идентификатор для ввода с регистрозависимым словом "поиск" в ID, для пример поиска или thesearchgod

Ответ 5

Клавиатура обрабатывается операционной системой (iOS) и не может быть напрямую изменена. Тип требуемого ввода определяет тип отображаемой клавиатуры.

Если рассматриваемый веб-сайт является HTML5, тогда ответ @David действителен.