एचटीएमएल में सर्च स्ट्रिंग कैसे लिखें। ड्रॉपडाउन खोज क्षेत्र

साइट के लिए खोज बॉक्सवेब पेज पर सबसे महत्वपूर्ण यूजर इंटरफेस तत्वों में से एक है। इसके साथ, उपयोगकर्ता आपकी साइट पर वांछित सामग्री ढूंढ सकता है।

इस ट्यूटोरियल में, आप सीखेंगे कि HTML5 का उपयोग करके एक खोज बॉक्स के लिए मार्कअप कैसे बनाया जाता है, साथ ही साथ स्क्रिप्ट के उपयोग के बिना CSS3 की शक्ति का उपयोग करके तत्वों को कैसे स्टाइल किया जाए।

1. एचटीएमएल मार्कअप

तत्व

खोज फ़ॉर्म के लिए एक कंटेनर है, तत्व का उपयोग करके खोज फ़ील्ड बनाया गया है या , और सर्वर को डेटा भेजने का बटन तत्व का उपयोग करके बनाया जा सकता है या
* (बॉक्स-साइज़िंग: बॉर्डर-बॉक्स;) फॉर्म (स्थिति: सापेक्ष; चौड़ाई: 300px; मार्जिन: 0 ऑटो;) इनपुट (चौड़ाई: 100%; ऊंचाई: 42px; पैडिंग-बाएं: 10px; सीमा: 2px ठोस # 7BA7AB ; सीमा-त्रिज्या: 5px; रूपरेखा: कोई नहीं; पृष्ठभूमि: #F9F0DA; रंग: #9E9C9C; ) बटन (स्थिति: निरपेक्ष; शीर्ष: 0; दाएँ: 0px; चौड़ाई: 42px; ऊँचाई: 42px; सीमा: कोई नहीं; पृष्ठभूमि: #7BA7AB; सीमा-त्रिज्या: 0 5px 5px 0; कर्सर: सूचक; ) बटन: पहले (सामग्री: "\f002"; फ़ॉन्ट-परिवार: FontAwesome; फ़ॉन्ट-आकार: 16px; रंग: #F9F0DA; )

3. अंदर एक बटन के साथ खोज क्षेत्र

* (बॉक्स-साइज़िंग: बॉर्डर-बॉक्स;) फॉर्म (स्थिति: सापेक्ष; चौड़ाई: 300px; मार्जिन: 0 ऑटो;) इनपुट, बटन (बॉर्डर: कोई नहीं; रूपरेखा: कोई नहीं; सीमा-त्रिज्या: 3px;) इनपुट (चौड़ाई: 100%; ऊंचाई: 42px; पृष्ठभूमि: #F9F0DA; पैडिंग-बाएं: 15px; ) बटन (ऊंचाई: 26px; चौड़ाई: 26px; स्थिति: पूर्ण; शीर्ष: 8px; दाएं: 8px; पृष्ठभूमि: # F15B42; कर्सर: सूचक; ) बटन: पहले (सामग्री: "\f105"; फ़ॉन्ट-परिवार: FontAwesome; रंग: #F9F0DA; फ़ॉन्ट-आकार: 20px; फ़ॉन्ट-वजन: बोल्ड;)

4. "फ्लैट" की शैली में खोज क्षेत्र

* (बॉक्स-साइज़िंग: बॉर्डर-बॉक्स;) फॉर्म (स्थिति: सापेक्ष; चौड़ाई: 300px; मार्जिन: 0 ऑटो; पृष्ठभूमि: #A3D0C3;) इनपुट, बटन (बॉर्डर: कोई नहीं; रूपरेखा: कोई नहीं; पृष्ठभूमि: पारदर्शी;) इनपुट (चौड़ाई: 100%; ऊंचाई: 42पीएक्स; पैडिंग-बाएं: 15पीएक्स; ) बटन (ऊंचाई: 42पीएक्स; चौड़ाई: 42पीएक्स; स्थिति: निरपेक्ष; शीर्ष: 0; दाएं: 0; कर्सर: सूचक; ) बटन: पहले ( सामग्री: "\f002"; फ़ॉन्ट-फ़ैमिली: FontAwesome; फ़ॉन्ट-आकार: 16px; रंग: #F9F0DA; )

5. मोटे बॉटम बॉर्डर वाला सर्च बॉक्स

* (बॉक्स-साइज़िंग: बॉर्डर-बॉक्स;) फॉर्म (स्थिति: सापेक्ष; चौड़ाई: 300px; मार्जिन: 0 ऑटो; पृष्ठभूमि: #F9F0DA; बॉर्डर-बॉटम: 4px सॉलिड #be290e; ) इनपुट, बटन (बॉर्डर: कोई नहीं; आउटलाइन : कोई नहीं; पृष्ठभूमि: पारदर्शी; ) इनपुट (चौड़ाई: 100%; ऊंचाई: 42पीएक्स; पैडिंग-बाएं: 15पीएक्स; ) बटन (ऊंचाई: 42पीएक्स; चौड़ाई: 42पीएक्स; स्थिति: पूर्ण; शीर्ष: 0; दाएं: 0; कर्सर: सूचक; ) बटन: पहले (सामग्री: "\f178"; फ़ॉन्ट-परिवार: FontAwesome; फ़ॉन्ट-आकार: 20px; रंग: #be290e;)

6. बदलते बॉर्डर कलर के साथ सर्च फील्ड

* (बॉक्स-साइज़िंग: बॉर्डर-बॉक्स;) फॉर्म (स्थिति: सापेक्ष; चौड़ाई: 300px; मार्जिन: 0 ऑटो;) इनपुट, बटन (आउटलाइन: कोई नहीं; पृष्ठभूमि: पारदर्शी;) इनपुट (चौड़ाई: 100%; ऊंचाई: 42px ; पैडिंग-लेफ्ट: 15px; बॉर्डर: 3px सॉलिड #F9F0DA; ) बटन (बॉर्डर: कोई नहीं; ऊंचाई: 42px; चौड़ाई: 42px; पोजीशन: एब्सोल्यूट; टॉप: 0; राइट: 0; कर्सर: पॉइंटर; ) बटन: बिफोर ( सामग्री: "\f002"; फ़ॉन्ट-परिवार: FontAwesome; फ़ॉन्ट-आकार: 16px; रंग: #F9F0DA;) इनपुट: फोकस (सीमा-रंग: #311c24;)

7. स्लाइडिंग सर्च बॉक्स

जब आप आइकन बटन पर क्लिक करते हैं तो खोज फ़ील्ड दिखाई देती है।

* (बॉक्स-साइज़िंग: बॉर्डर-बॉक्स;) फॉर्म (स्थिति: सापेक्ष; चौड़ाई: 300px; मार्जिन: 0 ऑटो; ऊंचाई: 42px;) इनपुट (ऊंचाई: 42px; चौड़ाई: 0; पैडिंग: 0 42px 0 15px; बॉर्डर: कोई नहीं; बॉर्डर-बॉटम: 2px सॉलिड ट्रांसपेरेंट; आउटलाइन: कोई नहीं; बैकग्राउंड: ट्रांसपेरेंट; ट्रांज़िशन: .4s क्यूबिक-बेज़ियर (0, 0.8, 0, 1); पोजीशन: एब्सोल्यूट; टॉप: 0; राइट: 0; जेड-इंडेक्स : 2; ) इनपुट: फोकस (चौड़ाई: 300पीएक्स; जेड-इंडेक्स: 1; बॉर्डर-बॉटम: 2पीएक्स सॉलिड #F9F0DA; ) बटन (पृष्ठभूमि: #683बी4डी; बॉर्डर: कोई नहीं; ऊंचाई: 42पीएक्स; चौड़ाई: 42पीएक्स; स्थिति: निरपेक्ष ; शीर्ष: 0; दाएँ: 0; कर्सर: सूचक; ) बटन: पहले (सामग्री: "\f002"; फ़ॉन्ट-परिवार: FontAwesome; फ़ॉन्ट-आकार: 16px; रंग: #F9F0DA; )

8. खोज क्षेत्र बढ़ाना

* (बॉक्स-साइज़िंग: बॉर्डर-बॉक्स;) फॉर्म (चौड़ाई: ऑटो; फ्लोट: राइट; मार्जिन-राइट: 30 पीएक्स;) इनपुट (चौड़ाई: 250 पीएक्स; ऊंचाई: 42 पीएक्स; पैडिंग-बाएं: 15 पीएक्स; सीमा-त्रिज्या: 42 पीएक्स; सीमा: 2px ठोस #324b4e; पृष्ठभूमि: #F9F0DA; रूपरेखा: कोई नहीं; स्थिति: सापेक्ष; संक्रमण: .3s रैखिक; ) इनपुट: फोकस (चौड़ाई: 300px;) बटन (चौड़ाई: 42px; ऊंचाई: 42px; पृष्ठभूमि: कोई नहीं; सीमा: कोई नहीं; स्थिति: पूर्ण; शीर्ष: -2 पीएक्स; दाएं: 0;) बटन: पहले (सामग्री: "\ f002"; फ़ॉन्ट-परिवार: FontAwesome; रंग: # 324b4e;)

इस ट्यूटोरियल में, हम एक ड्रॉप-डाउन खोज फ़ॉर्म बनाएंगे जो मोबाइल उपकरणों के इंटरफ़ेस डिज़ाइन में पूरी तरह से फिट बैठता है। तत्व को लागू करने के लिए केवल CSS का उपयोग किया जाएगा - कोई जावास्क्रिप्ट या अतिरिक्त मार्कअप नहीं। एक कॉम्पैक्ट खोज फ़ॉर्म को लागू करने का एक सरल और कुशल तरीका।

उद्देश्य

मोबाइल उपकरणों पर, प्रत्येक पिक्सेल मायने रखता है। प्रपत्र को प्रदर्शित करने के लिए आवश्यक स्थान की मात्रा को कम करने के लिए, इसे प्रारंभ में एक कॉम्पैक्ट रूप में प्रदर्शित किया जाएगा और इनपुट फ़ोकस (:फोकस) प्राप्त होने पर इसका विस्तार किया जाएगा। यह दृष्टिकोण आपको अन्य इंटरफ़ेस तत्वों और सामग्री के लिए स्थान बचाने की अनुमति देता है।

एचटीएमएल मार्कअप

प्रपत्र HTML5 का उपयोग करता है। कोड बहुत सरल है:

वेबकिट ब्राउज़र में डिफ़ॉल्ट खोज प्रपत्र दृश्य को रीसेट करना

डिफ़ॉल्ट रूप से, वेबकिट ब्राउज़र में, खोज फ़ॉर्म इस तरह दिखेगा:

खोज फ़ॉर्म को नियमित टेक्स्ट इनपुट फ़ील्ड की तरह दिखने के लिए, आपको निम्नलिखित शैलियों को जोड़ने की आवश्यकता है:

इनपुट (-वेबकिट-उपस्थिति: टेक्स्टफ़ील्ड; -वेबकिट-बॉक्स-साइज़िंग: सामग्री-बॉक्स; फ़ॉन्ट-फ़ैमिली: इनहेरिट; फ़ॉन्ट-आकार: 100%;) इनपुट::-वेबकिट-खोज-सजावट, इनपुट::-वेबकिट- खोज-रद्द-बटन (प्रदर्शन: कोई नहीं;)

हमारे खोज फ़ॉर्म का निर्माण

इनपुट फ़ील्ड की नियमित चौड़ाई 55px होगी और :focus स्थिति में 130px तक विस्तृत होगी। ट्रांजिशन प्रॉपर्टी का इस्तेमाल एनिमेशन के लिए किया जाता है और बॉक्स-शैडो का इस्तेमाल ग्लो इफेक्ट के लिए किया जाता है।

इनपुट (पृष्ठभूमि: #ededed url(img/search-icon.png) नो-रिपीट 9px केंद्र; बॉर्डर: सॉलिड 1px #ccc; पैडिंग: 9px 10px 9px 32px; चौड़ाई: 55px; / * डिफ़ॉल्ट चौड़ाई */ -वेबकिट- बॉर्डर -त्रिज्या: 10em; -मोज-सीमा-त्रिज्या: 10em; सीमा-त्रिज्या: 10em; -वेबकिट-संक्रमण: सभी .5s; -मोज-संक्रमण: सभी .5s; संक्रमण: सभी .5s; ) इनपुट: फोकस (चौड़ाई) : 130px; /* इनपुट फोकस के साथ चौड़ाई */ पृष्ठभूमि-रंग: #fff; सीमा-रंग: #6dcff6; -वेबकिट-बॉक्स-छाया: 0 0 5px आरजीबीए (109,207,246,.5); -मोज़-बॉक्स- छाया: 0 0 5px rgba(109,207,246,.5); बॉक्स-छाया: 0 0 5px rgba(109,207,246,.5); /* चमक प्रभाव */ )

उदाहरण बी

उदाहरण बी में, खोज फ़ॉर्म को काफी छोटा कर दिया गया है - बिना टेक्स्ट भरे केवल आइकन प्रदर्शित किया जाता है। ध्यान दें कि खोज फ़ील्ड के पैडिंग और चौड़ाई गुण एक गोल बटन बनाने के लिए बदल गए हैं। रंग: पारदर्शी संपत्ति का उपयोग टेक्स्ट को अदृश्य बनाने के लिए किया जाता है।

# डेमो-बी इनपुट (चौड़ाई: 15 पीएक्स; पैडिंग-बाएं: 10 पीएक्स; रंग: पारदर्शी; कर्सर: पॉइंटर;) # डेमो-बी इनपुट: होवर (पृष्ठभूमि-रंग: # एफएफएफ;) # डेमो-बी इनपुट: फोकस (चौड़ाई) : 130px; पैडिंग-बाएं: 32px; रंग: #000; पृष्ठभूमि-रंग: #fff; कर्सर: ऑटो;)

ब्राउज़र संगतता

वर्णित विधि सभी प्रमुख ब्राउज़रों में काम करती है: क्रोम, फ़ायरफ़ॉक्स, सफारी और IE8+। IE7 और पुराने ब्राउज़रों में, :फोकस स्यूडो-क्लास और खोज फ़ील्ड प्रकार के लिए समर्थन की कमी के कारण कार्यक्षमता काम नहीं करती है।

कई लोगों के लिए, इंटरनेट पर जानकारी खोजने की प्रभावशीलता भेड़ियों को खिलाने वाले पैर हैं। मुझे अप-टू-डेट और अप-टू-डेट जानकारी कहां मिल सकती है? कहां सस्ता खरीदें और ज्यादा महंगा कहां बेचें? कुछ कार्यों को करने के लिए मुझे सबसे सटीक निर्देश कहां मिल सकते हैं? ऑनलाइन फ़िल्में कहां देख सकते हैं? उपयोगकर्ताओं के इन और इसी तरह के सवालों का यथासंभव सही उत्तर देने के लिए, खोज इंजन साल-दर-साल विशिष्ट उपयोगकर्ता प्रश्नों के लिए खोज परिणामों में साइटों को प्रस्तुत करने के लिए पहले से ही परिष्कृत तंत्र में सुधार करते हैं। सर्च इंजन का लक्ष्य लोगों को उनके सवालों के जवाब पाने के लिए सर्वोत्तम संभव साइट पर ले जाना है।

खोज इंजन के अलावा, खोज इंजन स्वयं खोज फ़िल्टर से लैस होते हैं ताकि कोई भी उपयोगकर्ता सूचना खोज के दायरे को सीमित कर सके या अपने अनुरोध को निर्दिष्ट कर सके।

नीचे कुछ खोज एक्सटेंशनों पर विचार करें जिन्हें लोकप्रिय ब्राउज़रों में जोड़ा जा सकता है, और इसके परिणामस्वरूप, इंटरनेट पर जानकारी खोजने की दक्षता में वृद्धि होती है।

Google क्रोम के लिए खोज एक्सटेंशन

वर्तमान साइट खोजें

प्रत्येक साइट एक आंतरिक खोज इंजन से सुसज्जित नहीं होती है, और ऐसे संसाधनों पर आपको विशिष्ट जानकारी की तलाश में लंबे समय तक एक से दूसरे भाग तक दौड़ना पड़ता है। साइट के भीतर खोज करने के लिए ब्राउज़र एक्सटेंशन एक सार्वभौमिक उपकरण है जो हमेशा हाथ में रहेगा, चाहे आप किसी भी साइट पर जाएं। किसी साइट के अंदर आपको जो जानकारी चाहिए, उसे खोजने के लिए आपको बस एक छोटी सी खोज फ़ील्ड में एक कुंजी क्वेरी दर्ज करनी है, जो तब दिखाई देती है जब आप ब्राउज़र पैनल पर एक्सटेंशन बटन पर क्लिक करते हैं।

खोज इंजन के खोज परिणाम एक नए ब्राउज़र टैब में खुलेंगे, और एक विशिष्ट साइट के पृष्ठ जहां कीवर्ड होता है, उनमें से चयन किया जाएगा।

खोज वर्तमान साइट एक पूर्व-स्थापित Google खोज इंजन के साथ एम्बेडेड है, लेकिन आप एक्सटेंशन पैरामीटर - यांडेक्स, याहू या बिंग में एक और खोज इंजन सेट कर सकते हैं। ऐसा करने के लिए, एक्सटेंशन बटन पर संदर्भ मेनू को कॉल करें और "पैरामीटर" कमांड का चयन करें।

एक्सटेंशन विकल्प एक नए ब्राउज़र टैब में खुलेंगे, जहां हम एक अलग खोज इंजन का चयन कर सकते हैं। और वह पहले से ही साइट के अंदर खोज करेगी।

वैकल्पिक Google खोज

यांडेक्स खोज इंजन शुरू में दो अन्य खोज इंजनों - Google और बिंग - में एक क्लिक के साथ जानकारी की खोज करने की क्षमता प्रदान करता है, हालांकि इन खोज इंजनों पर जाने के लिए लिंक, दर्ज की गई कुंजी के साथ, बहुत नीचे की ओर मंडराते हैं खोज परिणाम पृष्ठ।

लेकिन Google इस संबंध में अधिक स्वार्थी है - इसके खोज परिणामों में प्रतिस्पर्धी खोज इंजनों का कोई उल्लेख नहीं है। आप Google Chrome में Google Chrome वैकल्पिक खोज एक्सटेंशन लागू करके इस स्थिति को ठीक कर सकते हैं।

टोरेंट ट्रैकर्स के लिए खोज परिणाम प्राप्त करने के लिए हर बार कीवर्ड "टोरेंट" के उपांग में लगातार टाइप करने के बजाय, इन उद्देश्यों के लिए टीएमएस (टोरेंट मल्टीसर्च) के लिए एक विशेष एक्सटेंशन स्थापित करना आसान है।

एक्सटेंशन बटन ब्राउज़र टूलबार में एम्बेड किया गया है, और जब क्लिक किया जाता है, तो क्वेरी दर्ज करने के लिए एक छोटा खोज फ़ील्ड खुल जाएगा।

खोज परिणाम एक अलग टैब में दिखाई देते हैं, और यह केवल रनेट टोरेंट ट्रैकर्स पर पाई जाने वाली सामग्री होगी, न कि वेयरज़ साइटों, सॉफ़्टवेयर और मीडिया पोर्टलों या आधिकारिक साइटों पर।

टोरेंट ट्रैकर्स के खोज परिणामों में, मिली सामग्री को फ़ाइल आकार या अपलोड तिथि के अनुसार फ़िल्टर किया जा सकता है। आप अपनी खोज को सीमित करने के लिए अतिरिक्त कीवर्ड निर्दिष्ट कर सकते हैं।

विशिष्ट टोरेंट ट्रैकर्स के लिए खोज परिणाम अलग से और मूवी, संगीत, सॉफ़्टवेयर जैसे सामग्री प्रकारों के लिए अलग से देखे जा सकते हैं।

इसके अलावा, टीएमएस एक्सटेंशन ब्राउज़र के संदर्भ मेनू में एम्बेड किया गया है ताकि आप इंटरनेट पेजों पर हाइलाइट किए गए किसी भी शब्द या वाक्यांश को कॉपी और पेस्ट करने के साथ बहुत अधिक परेशानी के बिना टोरेंट ट्रैकर्स की खोज में भेज सकें।

प्रसंग खोज

Google क्रोम ने डिफ़ॉल्ट ब्राउज़र में स्थापित एक खोज इंजन का उपयोग करके एक प्रासंगिक खोज फ़ंक्शन लागू किया है। उन खोज इंजनों की संख्या बढ़ाने के लिए जिनके साथ आप साइटों के पृष्ठों पर किसी भी चयनित शब्द की खोज कर सकते हैं, "संदर्भ खोज" एक्सटेंशन का इरादा है।

एक्सटेंशन में शुरू में सबसे लोकप्रिय टोरेंट ट्रैकर RuTracker, विकिपीडिया और मीडिया पोर्टल Kinopoisk.Ru को खोजने की क्षमता है।


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

एक्सटेंशन की सूची में, हमें जो चाहिए वह चुनें - "संदर्भ खोज"। "सेटिंग" लिंक पर क्लिक करें।

ओपेरा के लिए एक्सटेंशन खोजें

साइट के भीतर खोजें

एक्सटेंशन बटन ब्राउज़र टूलबार पर स्थित होता है, और उस पर क्लिक करके, आप कुंजी क्वेरी दर्ज करने के लिए खोज फ़ील्ड को कॉल कर सकते हैं, साथ ही खोज इंजन को भी बदल सकते हैं।

एक्सटेंशन सेटिंग्स में पूर्व-स्थापित यांडेक्स और Google को अन्य खोज इंजनों के साथ पूरक किया जा सकता है। एक्सटेंशन बटन पर संदर्भ मेनू को कॉल करें और "सेटिंग" कमांड का चयन करें।

ठीक उसी तरह जैसे Google क्रोम के लिए कॉन्टेक्स्ट सर्च एक्सटेंशन के मामले में, एक नया सर्च इंजन जोड़ने के लिए, आपको इसकी यूआरएल स्ट्रिंग दर्ज करनी होगी।

टोरेंट मल्टीसर्च

समान छवि खोज

समान छवि खोज कई खोज इंजनों का उपयोग करके समान छवियों को खोजने के लिए ओपेरा ब्राउज़र के संदर्भ मेनू में एक अतिरिक्त कमांड जोड़ती है।

या समान चित्रों वाले प्रकाशनों की सूची प्रस्तुत की जाएगी।

मोज़िला फ़ायरफ़ॉक्स के लिए एक्सटेंशन खोजें

जगह खोजना

पिछले दो मामलों की तरह, मोज़िला फ़ायरफ़ॉक्स ब्राउज़र के लिए इंटरनेट पर किसी भी साइट के अंदर खोज करने के लिए एक विशेष एक्सटेंशन भी मौजूद है।

केवल फायर फॉक्स के मामले में, साइट खोज को ब्राउज़र के मौजूदा खोज क्षेत्र में एम्बेड किया जाता है, इसके आइकन को नियमित खोज आइकन के सामने लाल आवर्धक कांच के रूप में जोड़ा जाता है।

नियमित मोज़िला फ़ायरफ़ॉक्स खोज के लिए डिफ़ॉल्ट खोज इंजन को बदलने से साइटों के भीतर खोज के लिए खोज इंजन को भी बदलना पड़ता है।

साइट खोज एक्सटेंशन को मोज़िला फ़ायरफ़ॉक्स संदर्भ मेनू में एकीकृत किया गया है, और किसी भी शब्द का चयन करके, आप साइट के सभी पृष्ठ देख सकते हैं जहां यह शब्द अलग-अलग खोज परिणामों में मौजूद है।

बायफॉक्स द्वारा खोजें

ऐसे "अभी तक परिपक्व नहीं" नामों वाला कोई भी सॉफ़्टवेयर उत्पाद, एक नियम के रूप में, कई उपयोगकर्ताओं को इस तथ्य से परेशान करता है कि वे प्रस्तावित टूलकिट के इच्छित उद्देश्य पर संकेत भी नहीं देते हैं।

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

पैरामीटर कुंजी नाम। खोज क्षेत्र के लिए, "q" या "पाठ" का सबसे अधिक उपयोग किया जाता है। पैरामीटर कुंजी मान। अक्सर यह सेट नहीं होता है। यदि केवल पढ़ने योग्य और अक्षम विशेषताएँ निर्दिष्ट नहीं हैं, तो उपयोगकर्ता इसे अपने स्वयं के पाठ में बदल सकता है। उपयोगकर्ता संशोधन अवरुद्ध पहुंच, उपयोगकर्ता संशोधन और वर्तमान पैरामीटर फ़ील्ड का डेटा स्थानांतरण खाली इनपुट टेम्पलेट नहीं हो सकता जैसा कि जेएस रेगुलर एक्सप्रेशन, जिसका पालन फ़ॉर्म को सबमिट करने के लिए किया जाना चाहिए, फ़ॉर्म को सबमिट करने के लिए आवश्यक वर्णों की न्यूनतम संख्या, अधिकतम वर्णों की संख्या जिसे उपयोगकर्ता वर्णों में फ़ील्ड की लंबाई टाइप कर सकता है ठूंठ संकेत माउस होवर पर टूलटिपस्वतः पूर्ण आधुनिक ब्राउज़र वर्तमान डोमेन पर पहले दर्ज किए गए खोज शब्द दिखाते हैं। आप इसे बंद कर सकते हैं या इसे और अधिक विशिष्ट बना सकते हैं। दस्तावेज़ लोड होने पर प्राप्त वर्तनी और व्याकरण फ़ोकस फ़ील्ड (अर्थात, किसी तत्व पर क्लिक करने और किसी तत्व के बाहर क्लिक करने के बीच की अवधि) के लिए अनुशंसित प्रश्नों की एक सूची की जाँच की जाती है

खोज फ़ील्ड में "साफ़ करें" क्रॉस को हटा दें, जो पहले टाइप किए गए टेक्स्ट को हटा देता है

साइट पर खोज फ़ॉर्म कैसे काम करता है

सबसे सरल HTML कोड

यदि आप "प्रश्न" फ़ील्ड में टाइप करते हैं और "ढूंढें" बटन पर क्लिक करते हैं, तो पृष्ठ का पता "http://site/2011/06/forma-poiska-po-saitu..html" से बदल जाएगा। ?पाठ्य=प्रश्न", इस तरह तब होता है जब आप किसी लिंक पर क्लिक करते हैं. जब पृष्ठ लोड होता है, तो स्क्रिप्ट दिए गए की जांच करती है यूआरएल में पैरामीटरऔर जब वे मिल जाते हैं, तो यह साइट के लिए खोज परिणाम उत्पन्न और प्रदर्शित करता है।

नाम = "पाठ">

लेकिन दस्तावेज़ को लोड करने की गति को बढ़ाने के लिए, अनुरोध को संसाधित करने वाली स्क्रिप्ट को आमतौर पर साइट के केवल एक पृष्ठ पर रखा जाता है, जिसे क्रिया विशेषता में उसका पता निर्दिष्ट होने पर पुनर्निर्देशित किया जाएगा: " http://साइट/खोज/पाठ = प्रश्न।

क्रिया = "http://साइट/खोज/">

स्क्रिप्ट के काम करने के लिए, अतिरिक्त मापदंडों की आवश्यकता हो सकती है, जो इसमें निर्दिष्ट हैं . यह फ़ील्ड प्रदर्शित नहीं होता है। सर्चिड=808327और पाठ = प्रश्न।

फॉर्म के परिणाम को एक नए टैब में खोलें लक्ष्य विशेषता

लक्ष्य = "_ रिक्त">

मुझे साइट खोज स्क्रिप्ट कहां मिल सकती है?

आप उपयोग कर सकते हैं

Google को अनुरोध को पुनर्निर्देशित करना सबसे आसान विकल्प है:

बटन टेक्स्ट: "खोज", "खोज", "ढूंढें"

प्रेरक शब्दों में, "ढूंढें" का एक आदर्श रूप है और इसका अर्थ है कि खोज का परिणाम आवश्यक रूप से सकारात्मक होगा।