एचटीएमएल डोम इनपुट खोज अक्षम संपत्ति

<घंटा/>

HTML DOM इनपुट सर्च डिसेबल्ड प्रॉपर्टी का इस्तेमाल यह सेट करने या वापस करने के लिए किया जाता है कि सर्च फील्ड को डिसेबल किया जाना चाहिए या नहीं। यह बूलियन मानों का उपयोग करता है जिसमें सच का प्रतिनिधित्व करने वाले तत्व को अक्षम किया जाना चाहिए और अन्यथा झूठा होना चाहिए। अक्षम संपत्ति डिफ़ॉल्ट रूप से गलत पर सेट है। हालांकि, अक्षम तत्व डिफ़ॉल्ट रूप से धूसर हो जाता है और क्लिक करने योग्य नहीं होता है।

सिंटैक्स

−

. के लिए वाक्य रचना निम्नलिखित है

अक्षम संपत्ति सेट करना -

searchObject.autofocus =true|false

यहां, सत्य =खोज फ़ील्ड अक्षम है और गलत =खोज फ़ील्ड अक्षम नहीं है। यह डिफ़ॉल्ट रूप से गलत है।

उदाहरण

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

इनपुट खोज अक्षम संपत्ति
फल:
अक्षम करें बटन पर क्लिक करके उपरोक्त खोज फ़ील्ड को अक्षम करें

आउटपुट

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

एचटीएमएल डोम इनपुट खोज अक्षम संपत्ति

DISABLE बटन पर क्लिक करने पर -

एचटीएमएल डोम इनपुट खोज अक्षम संपत्ति

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

हमने सबसे पहले एक <इनपुट> एलिमेंट बनाया है जिसमें टाइप ="सर्च", आईडी ="सर्च 1", और नाम ="फ्रूट्स" है। खोज फ़ील्ड एक फ़ॉर्म के अंदर है -

फल:<इनपुट प्रकार ="खोज" id ="SEARCH1" नाम ="फल">

फिर हम एक बटन चेंज बनाते हैं जो उपयोगकर्ता द्वारा क्लिक किए जाने पर अक्षम खोज () विधि को निष्पादित करेगा -

अक्षम खोज () विधि getElementById () विधि का उपयोग करके टाइप खोज के साथ इनपुट तत्व प्राप्त करती है और इसकी अक्षम संपत्ति को सत्य पर सेट करती है। यह खोज फ़ील्ड को अब क्लिक करने योग्य नहीं बनाता है और उपयोगकर्ता अब इसके साथ इंटरैक्ट नहीं कर सकता है। यह अब धूसर हो गया है -

<पूर्व>फ़ंक्शन अक्षम खोज () { document.getElementById("SEARCH1").disabled=true; document.getElementById("Sample").innerHTML ="खोज फ़ील्ड अब अक्षम है";}