সিলেকটেবল লিস্ট তৈরি করতে <select> ট্যাগ ব্যবহার করুন। HTML <select> ট্যাগ একটি ফর্মের মধ্যে সিলেক্ট লিস্ট ডিফাইন করতে ব্যবহৃত হয়।
HTML <select> ট্যাগ নিচের অতিরিক্ত অ্যাট্রিবিউটগুলো সাপোর্ট করে:
| অ্যাট্রিবিউট | মান | বর্ণনা |
|---|---|---|
| autofocus | autofocus | পেজ লোড হলে ড্রপ-ডাউন লিস্টটি অটোফোকাস পাবে |
| disabled | Disabled | ইনপুট কন্ট্রোল ডিজেবল করে। ইউজারের পরিবর্তন গ্রহণ করবে না। ফোকাস পাবে না এবং ট্যাবিংয়ের সময় স্কিপ হবে। |
| form | form_id | এক বা একাধিক ফর্ম নির্দিষ্ট করে |
| multiple | Multiple | সেট থাকলে, একবারে একাধিক আইটেম সিলেক্ট করা যাবে বলে |
| name | Name | ইনপুট কন্ট্রোলের নাম অ্যাসাইন করে |
| required | Required | ফর্ম সাবমিট করার আগে ইউজারের একটি ভ্যালু সিলেক্ট করা আবশ্যক, নাহলে প্রসেস হবে না |
| size | Number | ড্রপ-ডাউন লিস্টে দৃশ্যমান আইটেমের সংখ্যা ডিফাইন করে |
উদাহরণ
নিচের কোডটি চালিয়ে HTML-এ সিলেকটেবল লিস্ট তৈরি করা যাবে:
<!DOCTYPE html>
<html>
<head>
<title>HTML select Tag</title>
</head>
<body>
<form action="/cgi-bin/dropdown.cgi" method="post">
<select name="dropdown">
<option value="Data Structures" selected>Data Structures</option>
<option value="Data Mining">Data Mining</option>
</select>
<input type="submit" value="Submit" />
</form>
</body>
</html>
