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

HTML ফর্মে সিম্পল ড্রপ-ডাউন লিস্ট অফ আইটেমস (Drop-down List) ব্যবহার করা

HTML-এ আপনি একটি সিম্পল ড্রপ-ডাউন লিস্ট অফ আইটেমস তৈরি করতে পারেন HTML ফর্মে ইউজার ইনপুট পাওয়ার জন্য। একটি সিলেক্ট বক্সকে ড্রপ-ডাউন বক্সও বলা হয় যা ড্রপ-ডাউন লিস্টের আকারে বিভিন্ন অপশন লিস্ট করার অপশন দেয়, যেখানে থেকে একজন ইউজার এক বা একাধিক অপশন সিলেক্ট করতে পারে। HTML-এ ড্রপ-ডাউন লিস্ট তৈরি করতে <select> ট্যাগ ব্যবহার করা হয়, <option> ট্যাগের সাথে।

এখানে <select> ট্যাগের অ্যাট্রিবিউটের তালিকা দেওয়া হলো:

Sr.No
অ্যাট্রিবিউট ও বর্ণনা
1
Name
কন্ট্রোলকে একটি নাম দিতে ব্যবহৃত হয় যা সার্ভারে পাঠানো হয় সেটি রিকগনাইজ করতে এবং ভ্যালু পাওয়ার জন্য।
2
Size
এটি একটি স্ক্রোলিং লিস্ট বক্স প্রেজেন্ট করতে ব্যবহৃত হতে পারে।
3
Multiple
যদি "multiple" সেট করা থাকে তবে ইউজারকে মেনু থেকে একাধিক আইটেম সিলেক্ট করার অনুমতি দেয়।


এখানে <option> ট্যাগের অ্যাট্রিবিউটের তালিকা দেওয়া হলো:

Sr.No
অ্যাট্রিবিউট ও বর্ণনা
1
Value
সিলেক্ট বক্সে একটি অপশন সিলেক্ট হলে যে ভ্যালুটি ব্যবহার করা হবে।
2
Selected
নির্দিষ্ট করে যে এই অপশনটি পেজ লোড হলে প্রাথমিকভাবে সিলেক্টেড থাকবে।
3
Label
অপশনস লেবেল করার একটি বিকল্প পদ্ধতি।


HTML ফর্মে সিম্পল ড্রপ-ডাউন লিস্ট অফ আইটেমস (Drop-down List) ব্যবহার করা

উদাহরণ

নিচের কোড চালিয়ে HTML ফর্মে ইউজার ইনপুট পাওয়ার জন্য একটি সিম্পল ড্রপ-ডাউন লিস্ট অফ আইটেমস তৈরি করতে:

<!DOCTYPE html> <html>    <head>       <title>Select Box Control</title>    </head>    <body>       <p>Here's the list of subjects. Select any one:</p>       <form>          <select name = "dropdown">             <option value = "Computer Architecture" selected>Computer Architecture</option>             <option value = "Java">Java</option>             <option value = "Discrete Mathematics">Discrete Mathematics</option>          </select>       </form>    </body> </html>
  1. HTML-এ formaction অ্যাট্রিবিউট কীভাবে ব্যবহার করবেন?

  2. HTML-এ মাল্টিপল অ্যাট্রিবিউটের ব্যবহার

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

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