الحصول على لوحة مفاتيح البحث على 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

نص:u003Cinput type="text" />

هاتف:u003Cinput type="tel" />

URL:u003Cinput type="url" />

بريد الالكتروني:u003Cinput type="email" />

رمز بريدي:u003Cinput type="text" pattern=[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/>