<input type = "खोज"> iPhone मोबाइल सफारी

Question

सफारी में एचटीएमएल 5 में माना जाता है पर काम नहीं कर, आप "खोज" और जब उपयोगकर्ता टाइपिंग शुरू होता है, एक एक्स बटन उन्हें अनुमति देने के लिए दिखाई देगा के रूप में अपने इनपुट प्रकार परिभाषित कर सकते हैं सफारी में Google खोज बार की तरह, स्पष्ट करें। मेरी वेबसाइट पर, यह डेस्कटॉप सफारी पर काम करता है लेकिन यह मोबाइल सफारी में काम नहीं करता है।

<input id="termsField" type="search" autocorrect="off" placeholder="Type something here"> 

//This is the code for the X button I have to use now since HTML5 doesn't work 
<INPUT type="image" name="Clear" alt="Clear" src="clearX.png" height="22" width="22" 
     onClick="clearText(this)"> 

पहले तो मैंने सोचा था कि क्योंकि मैं #termsField पर एक jQuery स्वत: पूर्ण कार्य है, लेकिन फिर से यह डेस्कटॉप सफारी में काम करता है, तो वैसा नहीं होगा यह है। क्या किसी को कोई विचार है कि यह क्यों हो रहा है? इसके अलावा, यह या तो मेरे आईफोन पर या एक्सकोड में आईफोन सिम्युलेटर में काम नहीं करता है, इसलिए यह विशेष रूप से मेरे आईफोन के साथ कोई मुद्दा नहीं है।

Answer 1

कि में (डेस्कटॉप) सफारी में काम करता है, लेकिन iPhone (मोबाइल सफारी) पर नहीं। आप कुछ चालाक जावास्क्रिप्ट के माध्यम से mimic the functionality कर सकते हैं। यानी

<input type="search" id="termsField" autocorrect="off" 
     placeholder="Type something here" /> 

इस बग के बाद से आईफोन के लिए हल किया गया है लेकिन एंड्रॉयड ब्राउज़रों अभी भी खोज की जरूरत है पहली विशेषता अन्यथा यह -

Answer 2

आप type = "खोज" टैग में पहले एक विशेषता बनाने की जरूरत है एक मानक इनपुट क्षेत्र के रूप में प्रस्तुत किया जाएगा।