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

HTML DOM Input Range name प्रॉपर्टी का उपयोग इनपुट रेंज फील्ड के name एट्रिब्यूट को सेट या प्राप्त करने के लिए किया जाता है। Name एट्रिब्यूट फॉर्म डेटा को सर्वर पर सबमिट करने के बाद पहचानने में मदद करता है। JavaScript भी बाद में हेरफेर करने के लिए फॉर्म एलिमेंट्स को रेफर करने के लिए name एट्रिब्यूट का उपयोग कर सकता है।

सिंटैक्स

Name प्रॉपर्टी सेट करने के लिए सिंटैक्स:

rangeObject.name = name

उदाहरण

यहां, name रेंज स्लाइडर कंट्रोल का नाम निर्दिष्ट करने के लिए है।

Range name प्रॉपर्टी का एक उदाहरण:

<!DOCTYPE html> <html> <body> <h1>Input range name प्रॉपर्टी</h1> <form> VOLUME <input type="range" id="RANGE1" name="VOL"> </form> <p>नीचे दिए गए बटन पर क्लिक करके ऊपर के रेंज कंट्रोल का नाम बदलें</p> <button type="button" onclick="changeName()">नाम बदलें</button> <p id="Sample"></p> <script>    function changeName() {       document.getElementById("RANGE1").name ="VOLUME" ;       document.getElementById("Sample").innerHTML = "रेंज कंट्रोल का नाम अब VOLUME है";    } </script> </body> </html>

आउटपुट

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

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

"नाम बदलें" बटन पर क्लिक करने पर:

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

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

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

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

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

<button type="button" onclick="changeName()">CHANGE NAME</button>

changeName() मेथड getElementById() मेथड का उपयोग करके टाइप range वाले इनपुट फील्ड को प्राप्त करता है और इसके name एट्रिब्यूट मान को "VOLUME" पर सेट करता है। यह परिवर्तन फिर id "Sample" वाले पैराग्राफ में प्रतिबिंबित होता है और इसके innerHTML प्रॉपर्टी का उपयोग करके इच्छित टेक्स्ट प्रदर्शित करता है:

function changeName() {    document.getElementById("RANGE1").name ="VOLUME" ;    document.getElementById("Sample").innerHTML = "रेंज कंट्रोल का नाम अब VOLUME है"; }