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

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

सिंटैक्स

Input range form प्रॉपर्टी के लिए सिंटैक्स:

rangeObject.form

उदाहरण

Input range form प्रॉपर्टी का एक उदाहरण:

<!DOCTYPE html> <html> <body> <h1>Input range form प्रॉपर्टी</h1> <form id="FORM1"> <input type="range" id="RANGE1" name="VOL"> </form> <p>नीचे दिए गए बटन पर क्लिक करके ऊपर के रेंज स्लाइडर को शामिल करने वाले फॉर्म का id प्राप्त करें</p> <button type="button" onclick="formId()">फॉर्म प्राप्त करें</button> <p id="Sample"></p> <script>    function formId() {       var P=document.getElementById("RANGE1").form.id;       document.getElementById("Sample").innerHTML = "रेंज स्लाइडर वाले फॉर्म का id है: "+P ; } </script> </body> </html>

आउटपुट

उपरोक्त कोड से निम्न आउटपुट प्राप्त होगा:

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

"फॉर्म प्राप्त करें" बटन पर क्लिक करने पर:

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

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

हमने type="range", id="RANGE1", name="VOL" के साथ एक फॉर्म के अंदर एक इनपुट फील्ड बनाया। फॉर्म का id एट्रिब्यूट "FORM1" पर सेट है:

<form id="FORM1"> <input type="range" id="RANGE1" name="VOL"> </form>

फिर हमने एक बटन GET FORM बनाया जो यूज़र द्वारा क्लिक किए जाने पर formId() मेथड को एक्जीक्यूट करेगा:

<button type="button" onclick="formId()">GET FORM</button>

formId() मेथड getElementById() मेथड का उपयोग करके टाइप range वाले इनपुट फील्ड को प्राप्त करता है और रेंज स्लाइडर को शामिल करने वाले फॉर्म ऑब्जेक्ट के id प्रॉपर्टी को प्राप्त करता है। फिर यह इस मान को वेरिएबल P को असाइन करता है और id "Sample" वाले पैराग्राफ में इसके innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित करता है:

function formId() {    var P=document.getElementById("RANGE1").form.id;    document.getElementById("Sample").innerHTML = "रेंज स्लाइडर वाले फॉर्म का id है: "+P ; }