HTML DOM ইনপুট রেঞ্জ ফর্ম সম্পত্তি

HTML DOM ইনপুট রেঞ্জ ফর্ম বৈশিষ্ট্যটি প্রদত্ত ইনপুট রেঞ্জ স্লাইডার ধারণ করে ফর্ম রেফারেন্স ফেরত দেওয়ার জন্য ব্যবহৃত হয়। যদি রেঞ্জ স্লাইডার ফর্মের বাইরে থাকে তবে এটি কেবল NULL ফেরত দেবে। এই সম্পত্তি শুধুমাত্র পঠনযোগ্য।

সিনট্যাক্স

ইনপুট রেঞ্জ ফর্ম সম্পত্তির জন্য সিনট্যাক্স নিচে দেওয়া হল।

rangeObject.form

উদাহরণ

আসুন ইনপুট রেঞ্জ ফর্ম প্রপার্টি −

এর একটি উদাহরণ দেখি

<!DOCTYPE html>
<html>
<body>
<h1>Input range form Property</h1>
<form id="FORM1">
<input type="range" id="RANGE1" name="VOL">
</form>
<p>Get the form id which contains the above range slider clicking on the below button</p>
<button type="button" onclick="formId()">GET FORM</button>
<p id="Sample"></p>
<script>
   function formId() {
      var P=document.getElementById("RANGE1").form.id;
      document.getElementById("Sample").innerHTML = "The id of the form containing the range slider is: "+P ;
}
</script>
</body>
</html>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

HTML DOM ইনপুট রেঞ্জ ফর্ম সম্পত্তি

GET FORM বোতামে ক্লিক করলে -

HTML DOM ইনপুট রেঞ্জ ফর্ম সম্পত্তি

উপরের উদাহরণে -

আমরা টাইপ=“রেঞ্জ”, id=“RANGE1”, name=“VOL” সহ ফর্মের ভিতরে একটি ইনপুট ফিল্ড তৈরি করেছি। ফর্মটির আইডি অ্যাট্রিবিউট "FORM1" -

-এ সেট করা আছে

<form id=”FORM1”>
<input type="range" id="RANGE1" name="VOL">
</form>

তারপরে আমরা একটি বোতাম GET FORM তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করার সময় ফর্মআইডি() পদ্ধতিটি কার্যকর করবে -

<button type="button" onclick="formId()">GET FORM</button>

formId() পদ্ধতিটি getElementById() পদ্ধতি ব্যবহার করে টাইপ পরিসর সহ ইনপুট ক্ষেত্র পেতে এবং ফর্ম অবজেক্টের আইডি বৈশিষ্ট্য পায় যাতে রেঞ্জ স্লাইডার রয়েছে। তারপর এটি ভেরিয়েবল P-কে এই মান নির্ধারণ করে এবং এর অভ্যন্তরীণ এইচটিএমএল বৈশিষ্ট্য ব্যবহার করে "নমুনা" আইডি সহ অনুচ্ছেদে প্রদর্শন করে −

function formId() {
   var P=document.getElementById("RANGE1").form.id;
   document.getElementById("Sample").innerHTML = "The id of the form containing the range slider is: "+P ;
}