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