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

HTML-এ ড্রপ-ডাউন লিস্টে অপশন (option) যোগ করা

ড্রপ-ডাউন লিস্টে অপশন যোগ করতে HTML-এ <option> ট্যাগ ব্যবহার করুন। HTML <option> ট্যাগ একটি ফর্মের মধ্যে ড্রপ-ডাউন লিস্টের অপশন ডিফাইন করতে ব্যবহৃত হয়।

HTML <option> ট্যাগ নিচের অতিরিক্ত অ্যাট্রিবিউটগুলো সাপোর্ট করে:

অ্যাট্রিবিউটমানবর্ণনা
disableddisabledইনপুট কন্ট্রোল ডিজেবল করে। বাটন ইউজারের পরিবর্তন গ্রহণ করবে না। ফোকাসও পাবে না এবং ট্যাবিংয়ের время স্কিপ হবে।
labeltext<optgroup> ব্যবহার করার সময় লেবেল ডিফাইন করে
selectedselectedপেজ লোড হলে ডিফল্ট olarak নির্বাচিত অপশন ডিফাইন করে
valuetextসার্ভারে পাঠানো অপশনের মান নির্দিষ্ট করে

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ <option> এলিমেন্ট বাস্তবায়ন করা যাবে:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML option Tag</title>
  </head>
  <body>
    <form action="/cgi-bin/dropdown.cgi" method="post">
      <select name="dropdown">
        <option value="HTML" selected>HTML</option>
        <option value="Ruby">Ruby</option>
      </select>
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>
  1. HTML ফর্মে সিম্পল ড্রপ-ডাউন লিস্ট অফ আইটেমস (Drop-down List) ব্যবহার করা

  2. HTML-এ <datalist> ট্যাগ কীভাবে ব্যবহার করবেন?

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

  4. HTML DOM Select অবজেক্ট