HTML-এ <datalist> এলিমেন্ট ব্যবহার করে একটি ইনপুট ফিল্ডের জন্য পূর্বনির্ধারিত অপশনগুলির তালিকা তৈরি করা যায়। list অ্যাট্রিবিউট এই <datalist> এলিমেন্টকে রেফার করে। এটি HTML5-এ চালু করা হয়েছে।
list অ্যাট্রিবিউট একটি <datalist> এলিমেন্টকে নির্দেশ করে যা <input> এলিমেন্টের জন্য পূর্বনির্ধারিত অপশন ধারণ করে। ব্যবহারকারী টাইপ করার সাথে সাথে সাজেশন পাবে।
উদাহরণ
নিচের কোড চালিয়ে লিস্ট অ্যাট্রিবিউট এবং ডেটালিস্টের ব্যবহার দেখুন:
<!DOCTYPE html> <html> <head> <title>HTML লিস্ট অ্যাট্রিবিউট</title> </head> <body> <p>টুলের নাম টাইপ করুন:</p> <input list = "tools" name = "tool" /> <datalist id = "tools"> <option value = "ইমেজ এডিটর"> <option value = "হোয়াইটবোর্ড"> <option value = "ইমেজ অপ্টিমাইজার"> <option value = "ডকুমেন্ট ভিউয়ার"> </datalist> </body> </html>
দ্রষ্টব্য: <input>-এর list অ্যাট্রিবিউটের মান এবং <datalist>-এর id একই হতে হবে। এটি <select>-এর থেকে আলাদা কারণ ব্যবহারকারী তালিকা বাইরের মানও দিতে পারে।
