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

HTML DOM Input Search form प्रॉपर्टी का उपयोग दिए गए इनपुट सर्च फील्ड वाले फॉर्म के संदर्भ को वापस करने के लिए किया जाता है। यदि सर्च फील्ड फॉर्म के बाहर है तो यह केवल NULL वापस करेगा। यह प्रॉपर्टी रीड-ओनली है।

सिंटैक्स

Input search form प्रॉपर्टी का सिंटैक्स:

searchObject.form

उदाहरण

HTML DOM Input search form प्रॉपर्टी का एक उदाहरण देखते हैं:

<!DOCTYPE html> <html> <body> 
<h1>Input search form Property</h1> 
<form id="FORM_1"> 
  FRUITS: <input type="search" id="SEARCH1" name="fruits"> 
</form> 
<p>नीचे दिए गए बटन पर क्लिक करके फॉर्म id प्राप्त करें</p> 
<button type="button" onclick="formId()">GET FORM</button> 
<p id="Sample"></p> 
<script> 
  function formId() { 
    var P = document.getElementById("SEARCH1").form.id; 
    document.getElementById("Sample").innerHTML = "The id of the form containing the search field is: " + P; 
  } 
</script> 
</body> </html>

आउटपुट

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

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

GET FORM बटन पर क्लिक करने पर:

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

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

हमने पहले type="search", id="SEARCH1", और name="fruits" वाला एक <input> एलिमेंट बनाया। सर्च फील्ड एक फॉर्म के अंदर है जिसमें id एट्रिब्यूट "FORM_1" पर सेट है।
फिर हम एक GET FORM बटन बनाएंगे जो यूजर द्वारा क्लिक किए जाने पर formId() मेथड को एक्जीक्यूट करेगा।
formId() मेथड getElementById() मेथड का उपयोग करके type search वाले इनपुट फील्ड को प्राप्त करता है और उस फॉर्म ऑब्जेक्ट के id प्रॉपर्टी को प्राप्त करता है जिसमें सर्च फील्ड है। फिर यह इस मान को variable P में असाइन करता है और id "Sample" वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित करता है।

function formId() { 
  var P = document.getElementById("SEARCH1").form.id; 
  document.getElementById("Sample").innerHTML = "The id of the form containing the search field is: " + P; 
}