Показать кнопку "Поиск" на клавиатуре 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 действителен.