मान लीजिए कि यह केवल सीएसएस के साथ संभव है ... लेकिन जानना चाहता था कि कोई कोड साझा कर सकता है या नहीं।आपने स्टैक ओवरफ्लो में खोज बॉक्स में आवर्धक ग्लास और "खोज" कैसे रखा?
आवर्धक कांच अनुमान पृष्ठभूमि छवि है, लेकिन जावास्क्रिप्ट की जरूरत है दूर करने के लिए ध्यान केंद्रित करने पर "खोज"।
भी ... कैसे आप जब "वापसी" से टकराने के बजाय एक सबमिट बटन "खोज" की आवश्यकता होगी, यह प्रस्तुत करने के लिए मिलता है?
देखें -> पृष्ठ स्रोत।
गंभीरता से, यह सब वहाँ है। वहाँ
कुछ सवाल:
, जमा वापसी पर अगर आप एक के रूप में एक इनपुट रखा, और ध्यान केंद्रित किया पर कहा इनपुट, जब आप ब्राउज़र डिफ़ॉल्ट रूप से प्रपत्र प्रस्तुत करेगा दबाएं।
टेक्स्ट मास्किंग। आप इसे jquery या किसी अन्य ढांचे में आसानी से कर सकते हैं। अनिवार्य रूप से आप फोकस पर टेक्स्ट "खोज" को हटा देंगे, लेकिन केवल उस पाठ को तो अगर "foo" जैसा कुछ था तो यह इसे प्रतिस्थापित नहीं करेगा।
आप इसके लिए नए input प्रकारों का उपयोग कर सकते हैं।
<input type="search" placeholder="Search" results="0" />
'परिणाम' विशेषता वेबकिट ब्राउज़रों में आवर्धक लेंस आइकन जोड़ देगा।
एमडीएन कहते हैं (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input) टाइप = "खोज" केवल आईई 10+ –
द्वारा समर्थित है यह सुविधा क्रोम में अस्वीकृत की गई थी, देय यह अन्य ब्राउज़रों में पकड़ नहीं है। देखें: https://www.chromestatus.com/features/5738199536107520 –
ऐसा लगता है कि अब बहुत अच्छा समर्थन है: https://caniuse.com/#feat=input-search – Hozefa
अप्रासंगिक उत्तर, यह –
@franko_camron पर उपयोगी नहीं है, यह उत्तर अप्रासंगिक क्यों माना जाता है, और साथ ही साथ [उत्तर] (https://stackoverflow.com/a/711526/1429387) 2 मिनट बाद दिया गया , जो वास्तव में एक समान समाधान का सुझाव देता है, 20 अंक प्राप्त करता है और सबसे ज्यादा उत्साहित हो जाता है? – naXa