HTML DOM इनपुट सर्च फॉर्म प्रॉपर्टी का इस्तेमाल उस फॉर्म रेफरेंस को वापस करने के लिए किया जाता है जिसमें दिए गए इनपुट सर्च फील्ड होते हैं। यदि खोज फ़ील्ड प्रपत्र के बाहर है तो यह केवल NULL लौटाएगा। यह संपत्ति केवल पढ़ने के लिए है।
सिंटैक्स
इनपुट सर्च फॉर्म प्रॉपर्टी के लिए सिंटैक्स निम्नलिखित है -
searchObject.form
उदाहरण
आइए HTML DOM इनपुट सर्च फॉर्म प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Input search form Property</h1>
<form id="FORM_1">
FRUITS: <input type="search" id="SEARCH1" name="fruits">
</form>
<p>Get the form id by clicking on the below button</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> आउटपुट
यह निम्नलिखित आउटपुट देगा -
फॉर्म प्राप्त करें बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने सबसे पहले एक <इनपुट> एलिमेंट बनाया है जिसमें टाइप ="सर्च", आईडी ="सर्च 1", और नाम ="फ्रूट्स" है। खोज फ़ील्ड एक ऐसे फॉर्म के अंदर है जिसमें आईडी विशेषता "FORM_1" पर सेट है -
<form id="FORM_1"> FRUITS: <input type="search" id="SEARCH1" name="fruits"> </form>
फिर हम एक बटन GET FORM बनाएंगे जो उपयोगकर्ता द्वारा क्लिक किए जाने पर formId () विधि को निष्पादित करेगा -
<button type="button" onclick="formId()">GET FORM</button>
फॉर्मआईड () विधि टाइप सर्च के साथ इनपुट फील्ड प्राप्त करने के लिए getElementById () मेथड का उपयोग करती है और फॉर्म ऑब्जेक्ट की आईडी प्रॉपर्टी प्राप्त करती है जिसमें सर्च फील्ड होता है। इसके बाद यह इस मान को वेरिएबल P को असाइन करता है और अपनी आंतरिक HTML संपत्ति का उपयोग करके "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित करता है -
function formId() {
var P=document.getElementById("SEARCH1").form.id;
document.getElementById("Sample").innerHTML = "The id of the form containing the search field is: "+P ;
}