HTML DOM इनपुट सर्च ऑटोकंप्लीट प्रॉपर्टी <इनपुट> एलिमेंट के ऑटोकंप्लीट एट्रिब्यूट के साथ टाइप ="सर्च" से जुड़ी है। स्वत:पूर्ण विशेषता "चालू" या "बंद" मान लेती है। ऑन वैल्यू निर्दिष्ट करता है कि वेब ब्राउज़र को पिछले इनपुट के आधार पर उपयोगकर्ता टेक्स्ट को स्वचालित रूप से पूरा करना होगा, जबकि गलत स्थिति अन्यथा।

सिंटैक्स

−

स्वत:पूर्ण संपत्ति सेट करना -

searchObject.autocomplete ="चालू|बंद"

यहां, इसका मतलब है कि वेब ब्राउज़र पिछले इनपुट के आधार पर स्वचालित रूप से उपयोगकर्ता इनपुट को पूरा करेगा, जबकि झूठा कहता है कि यह पिछले इनपुट के आधार पर किसी भी उपयोगकर्ता इनपुट को पूरा नहीं करेगा। इसका मान डिफ़ॉल्ट रूप से चालू होता है।

उदाहरण

आइए इनपुट खोज स्वत:पूर्ण संपत्ति के लिए एक उदाहरण देखें -

इनपुट सर्च ऑटोकंप्लीट प्रॉपर्टी
FRUITS:


नीचे दिए गए बटन पर क्लिक करके उपरोक्त खोज क्षेत्र में स्वतः पूर्ण को बंद करें
 स्वतः पूर्ण बंद

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा -

उपरोक्त फ़ील्ड में कुछ टेक्स्ट टाइप करने पर, आप अपने पिछले इनपुट के आधार पर अपने टेक्स्ट को स्वतः पूर्ण देख सकते हैं -

"स्वतः पूर्ण बंद" बटन पर क्लिक करने पर, स्वतः पूर्ण पाठ कैप्चर नहीं होगा -

उपरोक्त उदाहरण में -

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

FRUITS:

 

 फिर हम एक बटन "स्वतः पूर्ण बंद" बनाते हैं जो उपयोगकर्ता द्वारा क्लिक किए जाने पर चेंजऑटो () विधि को निष्पादित करेगा -
 
स्वतः पूर्ण बंद
 

 चेंजऑटो () विधि getElementById () विधि का उपयोग करके "खोज" प्रकार के साथ <इनपुट> तत्व प्राप्त करती है और इसके स्वत:पूर्ण विशेषता मान को बंद कर देती है। इसका मतलब है कि टेक्स्ट अब स्वतः पूर्ण नहीं होगा और उपयोगकर्ता को मैन्युअल रूप से पूरा टेक्स्ट टाइप करना होगा। इसके बाद हम पैराग्राफ में इस बदलाव के बारे में संदेश "नमूना" आईडी के साथ इसकी आंतरिक HTML संपत्ति का उपयोग करके प्रदर्शित करते हैं -
 
फ़ंक्शन चेंजऑटो() { document.getElementById("SEARCH1").autocomplete ="off"; document.getElementById("Sample").innerHTML ="आपका टेक्स्ट अब स्वतः पूर्ण नहीं होगा";}