বিবরণ
HTML DOM Input Radio form প্রোপার্টি ব্যবহার করা হয় দেওয়া ইনপুট রেডিও বাটন ধারণকারী ফর্মের রেফারেন্স রিটার্ন করার জন্য। যদি রেডিও বাটন ফর্মের বাইরে থাকে তবে এটি শুধু NULL রিটার্ন করবে। এই প্রোপার্টি রিড-অনলি।
সিনট্যাক্স
Input radio form প্রোপার্টির সিনট্যাক্স:
radioObject.form
উদাহরণ
Input radio form প্রোপার্টির জন্য একটি উদাহরণ:
<!DOCTYPE html> <html> <body> <h1>Input radio form Property</h1> <form id="FORM1"> FRUIT: <input type="radio" name="fruits" id="Mango">Mango </form> <p>Get the form id by 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("Mango").form.id; document.getElementById("Sample").innerHTML = "The id of the form containing the radio button is: "+P ; } </script> </body> </html>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
GET FORM বাটনে ক্লিক করার পর:
উদাহরণের ব্যাখ্যা
- প্রথমে আমরা একটি ফর্মের ভেতরে ইনপুট এলিমেন্ট তৈরি করেছি যার type="radio", name="fruits", id="Mango"। ফর্মের id অ্যাট্রিবিউটের মান "FORM1" সেট করা আছে।
- তারপর একটি GET FORM বাটন তৈরি করা হয়েছে যা ক্লিক করলে formId() মেথড এক্সিকিউট হবে।
- formId() মেথড getElementById() ব্যবহার করে type="radio" ইনপুট ফিল্ড পায় এবং সেই রেডিও বাটন ধারণকারী ফর্ম অবজেক্টের id প্রোপার্টি পায়। এই মান P ভেরিয়েবলে অ্যাসাইন করা হয় এবং "Sample" id वाले প্যারাগ্রাফে innerHTML প্রোপার্টি ব্যবহার করে প্রদর্শন করা হয়।
