Я создал поле поиска на мобильном приложении, которое я создаю через PhoneGap. Я попытался использовать без удачи. Я также знаю, что мог обойти визуальный аспект поля ввода через CSS & Javascript, однако как я заставляю Клавиатуру иметь кнопку "SEARCH" на нижнем правом вместо него, говоря "ВОЗВРАТ"
Используйте
<form> ...
<input type="search" /> ...
</form>
обязательно.
(См. Также http://groups.google.com/group/phonegap/browse_thread/thread/bca19709dbdf2e24/eb312d0607102395?lnk=raot )
Поддерживается в Mobile Safari и, следовательно, Phonegap с iPhone OS 3.1
Текст:
Телефон: <Тип ввода = "Тел" />
URL: <тип ввода = " URL "/>
Электронная почта: <Тип ввода =" Email "/>
Zip-код: <Тип ввода =" Текст "Pattern =" [0-9] * "/>
поиск не поддерживается в качестве типа ввода, и потребует значительной нативной работы, чтобы сделать в Phonegap.
Смотрите здесь для деталей: https://developer.apple.com/library/content/documentation/stringstextFonts/Coneptual/textAndwebiphoneos/keyboardmanagement/keyboardmanagement.html
Обновление: Следующий тип ввода работает должным образом:
Есть некоторые важные вещи, о которых вы должны помнить:
Это работает только на 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/>