HTML DOM इनपुट रेंज फॉर्म प्रॉपर्टी का उपयोग उस फॉर्म रेफरेंस को वापस करने के लिए किया जाता है जिसमें दिए गए इनपुट रेंज स्लाइडर होते हैं। यदि रेंज स्लाइडर फॉर्म के बाहर है तो यह केवल न्यूल लौटाएगा। यह संपत्ति केवल पढ़ने के लिए है।
सिंटैक्स
इनपुट रेंज फॉर्म प्रॉपर्टी के लिए सिंटैक्स निम्नलिखित है।
rangeObject.form
उदाहरण
आइए इनपुट रेंज फॉर्म प्रॉपर्टी के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Input range form Property</h1>
<form id="FORM1">
<input type="range" id="RANGE1" name="VOL">
</form>
<p>Get the form id which contains the above range slider 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("RANGE1").form.id;
document.getElementById("Sample").innerHTML = "The id of the form containing the range slider is: "+P ;
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
फॉर्म प्राप्त करें बटन पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने टाइप ="रेंज", आईडी ="रेंज 1", नाम ="वीओएल" वाले फॉर्म के अंदर एक इनपुट फ़ील्ड बनाया है। फ़ॉर्म में आईडी विशेषता "FORM1" पर सेट है -
<form id=”FORM1”> <input type="range" id="RANGE1" name="VOL"> </form>
फिर हमने एक बटन GET FORM बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर formId () विधि को निष्पादित करेगा -
<button type="button" onclick="formId()">GET FORM</button>
फॉर्मआईड () विधि टाइप रेंज के साथ इनपुट फ़ील्ड प्राप्त करने के लिए getElementById () विधि का उपयोग करती है और फॉर्म ऑब्जेक्ट की आईडी प्रॉपर्टी प्राप्त करती है जिसमें रेंज स्लाइडर होता है। इसके बाद यह इस मान को वेरिएबल P को असाइन करता है और अपनी आंतरिक HTML संपत्ति का उपयोग करके "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित करता है -
function formId() {
var P=document.getElementById("RANGE1").form.id;
document.getElementById("Sample").innerHTML = "The id of the form containing the range slider is: "+P ;
}