কম্পিউটার টিউটোরিয়াল

HTML DOM Input Radio অবজেক্ট


বিবরণ

HTML DOM Input Radio অবজেক্ট <input> এলিমেন্টের সাথে জড়িত যা type="radio"। আমরা createElement() এবং getElementById() মেথড ব্যবহার করে type="radio" ইনপুট এলিমেন্ট তৈরি ও অ্যাক্সেস করতে পারি।

প্রোপার্টিগুলো

Input Radio অবজেক্টের প্রোপার্টিগুলো:

ক্রমিক নং প্রোপার্টি ও বিবরণ
১autofocus
পেজ লোড হলে রেডিও বাটন অটোফোকাস পাবে কিনা সেট বা রিটার্ন করতে
২checked
রেডিও বাটনের চেকড স্টেট সেট বা রিটার্ন করতে
৩defaultChecked
রেডিও বাটনের checked অ্যাট্রিবিউটের ডিফল্ট মান রিটার্ন করতে
৪defaultValue
রেডিও বাটনের ডিফল্ট মান সেট বা রিটার্ন করতে
৫disabled
রেডিও বাটন ডিসেবল করা আছে কিনা সেট বা রিটার্ন করতে
৬form
রেডিও বাটন ধারণকারী ফর্মের রেফারেন্স রিটার্ন করতে
৭name
রেডিও বাটনের name অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে
৮required
ফর্ম সাবমিট করার আগে রেডিও বাটন চেক করা বাধ্যতামূলক কিনা সেট বা রিটার্ন করতে
৯type
রেডিও বাটনের জন্য ফর্ম এলিমেন্টের টাইপ রিটার্ন করতে
১০value
রেডিও বাটনের value অ্যাট্রিবিউটের মান সেট বা রিটার্ন করতে

সিনট্যাক্স

Input radio অবজেক্ট তৈরি করার সিনট্যাক্স:

var R = document.createElement("INPUT"); R.setAttribute("type", "radio");

উদাহরণ

Input radio অবজেক্টের একটি উদাহরণ:

<!DOCTYPE html> <html> <head> <script>    function createRadio() {       var R = document.createElement("INPUT");       R.setAttribute("type", "Radio");       document.body.appendChild(R);    } </script> </head> <body> <h1>Input radio object</h1> <p>Create an input field with type radio by clicking the below button</p> <button type="button" onclick="createRadio()">CREATE</button> <br><br> Mango: </body> </html>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

HTML DOM Input Radio অবজেক্ট

CREATE বাটনে ক্লিক করার পর:

HTML DOM Input Radio অবজেক্ট

উদাহরণের ব্যাখ্যা

  • আমরা একটি CREATE বাটন তৈরি করেছি যা ক্লিক করলে createRadio() মেথড এক্সিকিউট হবে।
  • createRadio() মেথড document অবজেক্টের createElement() মেথড ব্যবহার করে <input> এলিমেন্ট তৈরি করে "INPUT" প্যারামিটার পাস করে। নতুন তৈরি ইনপুট এলিমেন্ট R ভেরিয়েবলে অ্যাসাইন করা হয় এবং setAttribute() মেথড ব্যবহার করে type অ্যাট্রিবিউট তৈরি করা হয় যার মান "radio"। সেট্রিবিউট() অ্যাট্রিবিউট তৈরি করে এবং মান অ্যাসাইন করে যদি অ্যাট্রিবিউট আগে থেকে না থাকে। শেষে document body-র appendChild() মেথড ব্যবহার করে type="radio" ইনপুট এলিমেন্ট বডির চাইল্ড হিসেবে অ্যাপেন্ড করা হয়।
  1. HTML DOM Input Reset অবজেক্ট

  2. HTML DOM ইনপুট সাবমিট অবজেক্ট

  3. HTML DOM Input Radio required প্রোপার্টি

  4. HTML DOM Input Radio defaultChecked প্রোপার্টি