Получение поисковой клавиатуры на iPhone с помощью PhoneGap

Question

Я создал поле поиска в мобильном приложении, которое я создаю через PhoneGap.Я пробовал использовать, но безуспешно.Я также знаю, что я мог бы обойти визуальный аспект поля ввода с помощью CSS и Javascript, однако как мне заставить клавиатуру иметь кнопку "ПОИСК" в правом нижнем углу вместо того, чтобы на ней было написано "ВОЗВРАТ"

Answer 1

Использование

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

Тот Самый <form> это просто необходимо.

(См . также http://groups.google.com/group/phonegap/browse_thread/thread/bca19709dbdf2e24/eb312d0607102395?lnk=raot)

Answer 2

Следующие поддерживаются в мобильном Safari и, следовательно, PhoneGap, начиная с iPhone OS 3.1.

Текст:<input type="text" />

Телефон:<input type="тел" />

URL-адрес:<input type="url" />

Электронная почта:<input type="электронная почта" />

Почтовый индекс:<input type="text" шаблон="[0-9]*" />

Поиск не поддерживается в качестве типа ввода, и для его реализации в PhoneGap потребуется значительная внутренняя работа.

Подробности смотрите здесь: https://developer.apple.com/library/content/documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/KeyboardManagement/KeyboardManagement.html

Answer 3

Обновлять:Следующий тип ввода работает должным образом:

Есть несколько важных вещей, которые вам следует иметь в виду:

Работает только на iPhone OS 3.1+.

Входной тег ДОЛЖЕН находиться внутри тега.

Также стоит отметить следующие теги:

<!-- display a telephone keypad -->
<label for="tiTel">Telephone:</label>
<input type="tel" id="tiTel"/> 
<br/>

<!-- display a URL keyboard -->
<label for="tiUrl">URL:</label>
<input type="url" id="tiUrl"/>
<br/>

<!-- display an email keyboard -->
<label for="tiEmail">Email:</label> 
<input type="email" id="tiEmail"/>
<br/>

<!-- display a numeric keyboard -->
<label for="tiZip">Zip Code:</label>
<input type="text" pattern="[0-9]*" id="tiZip"/>
<br/>