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