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> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
চেঞ্জ নাম বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা টাইপ=“রেঞ্জ”, id=“RANGE1” , name=“VOL” −
সহ ফর্মের ভিতরে একটি ইনপুট ফিল্ড তৈরি করেছি।<form> VOLUME <input type="range" id="RANGE1" name="VOL"> <form>
তারপরে আমরা পরিবর্তন নাম একটি বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে changeName() পদ্ধতিটি কার্যকর করবে -
<button type="button" onclick="changeName()">CHANGE NAME</button>
changeName() পদ্ধতিটি getElementById() পদ্ধতি ব্যবহার করে টাইপ পরিসর সহ ইনপুট ক্ষেত্র পেতে এবং এর নামের বৈশিষ্ট্যের মান "ভলিউম" এ সেট করে। এই পরিবর্তনটি তারপর আইডি "নমুনা" সহ একটি অনুচ্ছেদে প্রতিফলিত হয় এবং প্রদর্শনের জন্য এর অভ্যন্তরীণ HTML বৈশিষ্ট্য ব্যবহার করে। উদ্দেশ্য পাঠ্য -
function changeName() {
document.getElementById("RANGE1").name ="VOLUME" ;
document.getElementById("Sample").innerHTML = "Range control name is now VOLUME";
} 