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

HTML ফর্মে চেকবক্স (Checkbox) বাটন ব্যবহার করা


HTML ফর্ম ব্যবহার করে ইউজার ইনপুট নেওয়া যায়। <form> ট্যাগ ফর্ম এলিমেন্ট যোগ করে ইউজার ইনপুট নেওয়ার জন্য ব্যবহৃত হয়। ফর্ম এলিমেন্টের ধরনগুলো হলো টেক্সট ইনপুট, রেডিও বাটন ইনপুট, সাবমিট বাটন ইত্যাদি।

HTML ফর্মে চেকবক্স বাটন ব্যবহার করে ইউজার ইনপুট নেওয়ার পদ্ধতি শিখুন। চেকবক্স ব্যবহার করা হয় যখন একাধিক অপশন সিলেক্ট করা দরকার। এগুলো HTML <input> ট্যাগ দিয়ে তৈরি হয় কিন্তু type অ্যাট্রিবিউট checkbox হিসেবে সেট করা হয়।

অ্যাট্রিবিউটগুলো নিচে দেওয়া হলো −

ক্রম নং অ্যাট্রিবিউট ও বর্ণনা
১ type
ইনপুট কন্ট্রোলের টাইপ নির্দেশ করে। চেকবক্সের জন্য এটি checkbox হবে।
২ name
কন্ট্রোলের নাম দেয়া হয়, যা সার্ভারে পাঠিয়ে মান গ্রহণ করা হয়।
৩ value
চেকবক্স সিলেক্ট থাকলে এই মানটি ব্যবহার হবে।
৪ checked
ডিফল্টভাবে সিলেক্ট রাখতে checked সেট করুন।

HTML ফর্মে চেকবক্স (Checkbox) বাটন ব্যবহার করা

উদাহরণ

নিচের কোড চালিয়ে HTML-এ চেকবক্স বাটন ব্যবহার শিখুন −

<!DOCTYPE html> <html>    <body>       <head>          <title>HTML Checkbox Button</title>       </head>       <p>আপনি কোন ভাষায় কাজ করেন:</p>       <form>          <input type="checkbox" name="language1" value="java">Java          <br>          <input type="checkbox" name="language2" value="php">PHP          <br>          <input type="checkbox" name="language3" value="cpp">C++          <br>       </form>    </body> </html>

  1. HTML-এ ডেটটাইম ইনপুট টাইপ কীভাবে ব্যবহার করবেন?

  2. HTML-এ step অ্যাট্রিবিউট কীভাবে ব্যবহার করবেন?

  3. HTML-এ প্লেসহোল্ডার অ্যাট্রিবিউটের ব্যবহার

  4. HTML-এ ইয়ার (year) ইনপুট টাইপ ব্যবহার