বিবরণ
HTML DOM Input Range name প্রোপার্টি ব্যবহার করা হয় ইনপুট রেঞ্জ ফিল্ডের name অ্যাট্রিবিউট সেট বা রিটার্ন করার জন্য। Name অ্যাট্রিবিউট ফর্ম ডেটা সার্ভারে সাবমিট হওয়ার পর সেটাকে চিনতে সাহায্য করে। জাভাস্ক্রিপ্টও name অ্যাট্রিবিউট ব্যবহার করে ফর্ম এলিমেন্টকে রেফার করতে পারে পরবর্তীতে ম্যানিপুলেট করার জন্য।
সিনট্যাক্স
Name প্রোপার্টি সেট করার সিনট্যাক্স:
rangeObject.name = name
উদাহরণ
এখানে, name হলো রেঞ্জ স্লাইডার কন্ট্রোলের নাম নির্দেশ করার জন্য।
Range 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>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
CHANGE NAME বাটনে ক্লিক করার পর:
উদাহরণের ব্যাখ্যা
- আমরা একটি ইনপুট ফিল্ড তৈরি করেছি একটি ফর্মের ভেতরে যার type="range", id="RANGE1", name="VOL"।
- তারপর একটি CHANGE NAME বাটন তৈরি করা হয়েছে যা ক্লিক করলে changeName() মেথড এক্সিকিউট হবে।
- changeName() মেথড getElementById() ব্যবহার করে type="range" ইনপুট ফিল্ড পায় এবং এর name অ্যাট্রিবিউটের মান "VOLUME" সেট করে। এই পরিবর্তনটি "Sample" id वाले প্যারাগ্রাফে প্রতিফলিত হয় এবং innerHTML প্রোপার্টি ব্যবহার করে নির্দিষ্ট টেক্সট প্রদর্শন করা হয়।
