HTML DOM इनपुट रेंज नेम प्रॉपर्टी का इस्तेमाल इनपुट रेंज फील्ड के नाम एट्रिब्यूट को सेट करने या वापस करने के लिए किया जाता है। नाम विशेषता सर्वर पर सबमिट किए जाने के बाद प्रपत्र डेटा की पहचान करने में मदद करती है। जावास्क्रिप्ट बाद में हेरफेर करने के लिए प्रपत्र तत्वों को संदर्भित करने के लिए नाम विशेषता का भी उपयोग कर सकता है।
सिंटैक्स
−
. के लिए वाक्य रचना निम्नलिखित हैनाम संपत्ति सेट करना -
rangeObject.name = name
उदाहरण
यहां, नाम रेंज स्लाइडर नियंत्रण नाम निर्दिष्ट करने के लिए है।
आइए श्रेणी नाम संपत्ति के लिए एक उदाहरण देखें -
<!DOCTYPE html>
<html>
<body>
<h1>Input range name Property</h1>
<form>
VOLUME <input type="range" id="RANGE1" name="VOL">
</form>
<p>Change the name of the above range control by clicking the below button</p>
<button type="button" onclick="changeName()">CHANGE NAME</button>
<p id="Sample"></p>
<script>
function changeName() {
document.getElementById("RANGE1").name ="VOLUME" ;
document.getElementById("Sample").innerHTML = "Range control name is now VOLUME";
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
नाम बदलें बटन क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने टाइप ="रेंज", आईडी ="रेंज 1", नाम ="वीओएल" -
वाले फॉर्म के अंदर एक इनपुट फ़ील्ड बनाया है।<form> VOLUME <input type="range" id="RANGE1" name="VOL"> <form>
इसके बाद हमने एक बटन चेंज नाम बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर चेंजनाम () विधि को निष्पादित करेगा -
<button type="button" onclick="changeName()">CHANGE NAME</button>
चेंजनाम () विधि प्रकार श्रेणी के साथ इनपुट फ़ील्ड प्राप्त करने के लिए getElementById () विधि का उपयोग करती है और इसका नाम विशेषता मान "वॉल्यूम" पर सेट करती है। यह परिवर्तन तब आईडी "नमूना" के साथ एक अनुच्छेद में दिखाई देता है और प्रदर्शित करने के लिए इसकी आंतरिक HTML संपत्ति का उपयोग करता है इच्छित पाठ -
function changeName() {
document.getElementById("RANGE1").name ="VOLUME" ;
document.getElementById("Sample").innerHTML = "Range control name is now VOLUME";
}