HTML DOM ইনপুট রেঞ্জ টাইপ প্রপার্টি ইনপুট এলিমেন্ট এর টাইপ="রেঞ্জ" এর সাথে যুক্ত। এটি সর্বদা ইনপুট পরিসর উপাদানের জন্য পরিসীমা প্রদান করবে।
সিনট্যাক্স
রেঞ্জ টাইপ প্রপার্টি −
এর জন্য সিনট্যাক্স নিচে দেওয়া হলrangeObject.type
উদাহরণ
চলুন রেঞ্জ টাইপ প্রপার্টি −
এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h1>Input range type Property</h1>
<form>
VOLUME <input type="range" id="RANGE1" name="VOL">
</form>
<p>Get the above input element type by clicking the below button</p>
<button type="button" onclick="rangeType()">GET Type</button>
<p id="Sample"></p>
<script>
function rangeType() {
var P=document.getElementById("RANGE1").type;
document.getElementById("Sample").innerHTML = "The type for the input field is: "+P ;
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
GET Type পদ্ধতি -
-এ ক্লিক করলে
উপরের উদাহরণে -
আমরা টাইপ=“রেঞ্জ”, id=“RANGE1”, name=“VOL” -
সহ ফর্মের ভিতরে একটি ইনপুট ফিল্ড তৈরি করেছি।<form> VOLUME <input type="range" id="RANGE1" name="VOL"> <form>
তারপরে আমরা একটি "GET Type" বোতাম তৈরি করেছি যা ব্যবহারকারীর দ্বারা ক্লিক করার পরে rangeType() পদ্ধতিটি কার্যকর করবে -
<button type="button" onclick="rangeType()">Get Type</button>
rangeType() মেথড getElementById() পদ্ধতি ব্যবহার করে ইনপুট উপাদান পায় এবং ভেরিয়েবল P এর টাইপ অ্যাট্রিবিউট মান নির্ধারণ করে। এই ভেরিয়েবলটি তারপর তার অভ্যন্তরীণ HTML প্রপার্টি ব্যবহার করে id “Sample” সহ অনুচ্ছেদে প্রদর্শিত হয় −
function rangeType() {
var P = document.getElementById(“RANGE1").type;
document.getElementById("Sample").innerHTML = "The type for the input field is : "+P;
} 