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

Question

Я заметил, что при навигации по таким веб-сайтам, как Dell или Google, при вводе в текстовое поле поиска с iPhone на клавиатуре появляется синяя кнопка «Поиск» вместо стандартной кнопки «Перейти», которая появляется в любой обычной форме.

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

Answer 1

наличие type = "search" - это обычно все, что вам нужно, чтобы программное обеспечение отображало клавиатуру поиска, однако в iOS8 обязательно иметь упаковочную форму с атрибутом действие .

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

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

Но этот код должен иметь синюю кнопку «Поиск» вместо

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

Answer 2

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

<input type="search" />

JS Bin demo

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

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

Answer 3

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

<input type="search" />

Тем не менее, я получил его с

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

Answer 4

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

• добавить имя ввода = поиск
• добавить тип ввода = поиск
• добавить идентификатор для ввода с чувствительным к регистру словом "поиск" в идентификаторе, для пример the-search или thisarchgod

Answer 5

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

Если речь идет о HTML5, то ответ @ David действителен.