HTML DOM Input Search disabled प्रॉपर्टी

HTML DOM Input Search disabled प्रॉपर्टी का उपयोग यह सेट या वापस करने के लिए किया जाता है कि सर्च फील्ड को अक्षम किया जाना चाहिए या नहीं। यह बूलियन मानों का उपयोग करता है जिसमें true दर्शाता है कि एलिमेंट को अक्षम किया जाना चाहिए और false अन्यथा। disabled प्रॉपर्टी डिफ़ॉल्ट रूप से false पर सेट होती है। हालांकि, अक्षम एलिमेंट डिफ़ॉल्ट रूप से ग्रे आउट होता है और अनक्लिकेबल होता है।

सिंटैक्स

Disabled प्रॉपर्टी सेट करने का सिंटैक्स:

searchObject.disabled = true|false

यहां, true = सर्च फील्ड अक्षम है और false = सर्च फील्ड अक्षम नहीं है। यह डिफ़ॉल्ट रूप से false है।

उदाहरण

Input Search disabled प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input search disabled Property</h1> 
<form> 
  FRUITS: <input type="search" id="SEARCH1" name="fruits"> 
</form> 
<p>DISABLE बटन पर क्लिक करके ऊपर वाले सर्च फील्ड को अक्षम करें</p> 
<button type="button" onclick="disableSearch()">DISABLE</button> 
<p id="Sample"></p> 
<script> 
  function disableSearch() { 
    document.getElementById("SEARCH1").disabled = true; 
    document.getElementById("Sample").innerHTML = "The search field is now disabled"; 
  } 
</script> 
</body> </html>

आउटपुट

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

HTML DOM Input Search disabled प्रॉपर्टी

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

HTML DOM Input Search disabled प्रॉपर्टी

उदाहरण की व्याख्या

हमने पहले type="search", id="SEARCH1", और name="fruits" वाला एक <input> एलिमेंट बनाया। सर्च फील्ड एक फॉर्म के अंदर है।
फिर हम एक CHANGE बटन बनाते हैं जो यूजर द्वारा क्लिक किए जाने पर disableSearch() मेथड को एक्जीक्यूट करता है।
disableSearch() मेथड getElementById() मेथड का उपयोग करके type search वाले इनपुट एलिमेंट को प्राप्त करता है और इसकी disabled प्रॉपर्टी को true पर सेट करता है। यह सर्च फील्ड को अब अनक्लिकेबल बनाता है और यूजर अब इसके साथ इंटरैक्ट नहीं कर सकता। यह अब ग्रे हो गया है।

function disableSearch() { 
  document.getElementById("SEARCH1").disabled = true; 
  document.getElementById("Sample").innerHTML = "The search field is now disabled"; 
}