HTML DOM ইনপুট রেডিও ফর্ম সম্পত্তি

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

সিনট্যাক্স

ইনপুট রেডিও ফর্ম সম্পত্তি -

জন্য সিনট্যাক্স নিম্নলিখিত

radioObject.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>

আউটপুট

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

তৈরি করবে

HTML DOM ইনপুট রেডিও ফর্ম সম্পত্তি

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

HTML DOM ইনপুট রেডিও ফর্ম সম্পত্তি

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

আমরা প্রথমে টাইপ=”রেডিও”, নাম=”ফল”, আইডি=”আম” সহ একটি ফর্মের ভিতরে একটি ইনপুট উপাদান তৈরি করেছি। ফর্মটিতে আইডি অ্যাট্রিবিউটের মান "FORM1" -

সেট করা আছে

<form id=”FORM1”>
FRUIT:
<input type="radio" name="fruits" id="Mango">Mango
</form>

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

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

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

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