বিবরণ
HTML DOM Input Radio type প্রোপার্টি type="radio" ইনপুট এলিমেন্টের সাথে জড়িত। এটি ইনপুট রেডিও এলিমেন্টের জন্য সবসময় "radio" রিটার্ন করবে।
সিনট্যাক্স
Radio type প্রোপার্টির সিনট্যাক্স:
radioObject.type
উদাহরণ
Radio type প্রোপার্টির জন্য একটি উদাহরণ:
<!DOCTYPE html> <html> <body> <h1>Input radio type Property</h1> <form> FRUIT: <input type="radio" name="fruits" id="Mango">Mango <br> </form> <p>Get the above input element type by clicking the below button</p> <button type="button" onclick="radioType()">GET Type</button> <p id="Sample"></p> <script> function radioType() { var P=document.getElementById("Mango").type; document.getElementById("Sample").innerHTML = "The type for the input field is: "+P ; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
GET Type বাটনে ক্লিক করার পর:
উদাহরণের ব্যাখ্যা
- প্রথমে আমরা একটি ফর্মের ভেতরে ইনপুট এলিমেন্ট তৈরি করেছি যার type="radio", name="fruits", id="Mango"।
- তারপর একটি "GET Type" বাটন তৈরি করা হয়েছে যা ক্লিক করলে radioType() মেথড এক্সিকিউট হবে।
- radioType() মেথড getElementById() ব্যবহার করে ইনপুট এলিমেন্ট পায় এবং এর type অ্যাট্রিবিউটের মান P ভেরিয়েবলে অ্যাসাইন করে। এই ভেরিয়েবলটি "Sample" id वाले প্যারাগ্রাফে innerHTML প্রোপার্টি ব্যবহার করে প্রদর্শন করা হয়।
