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

HTML <datalist> ট্যাগের ব্যবহার

HTML <datalist> ট্যাগ <input> এলিমেন্টের জন্য অপশনগুলির একটি সেট নির্দিষ্ট করে। আপনাকে একটি idও যোগ করতে হবে। <datalist>...</datalist> ট্যাগের ভেতরে <option>...</option> ট্যাগ ব্যবহার করুন।

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ <datalist> ট্যাগের ব্যবহার শিখুন:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML Datalist Tag</title>
  </head>
  <body>
    <p>টুলের নাম টাইপ করুন:</p>
    <input list="tools" />
    <datalist id="tools">
      <option value="Image Editor">
      <option value="Whiteboard">
      <option value="Image Optimizer">
      <option value="Document Viewer">
    </datalist>
  </body>
</html>

ব্যাখ্যা:

• <input list="tools"> — ইনপুট ফিল্ডকে ডাটালিস্টের সাথে লিঙ্ক করে
• <datalist id="tools"> — অপশন들의 তালিকা ধারণ করে
• <option value="..."> — প্রতিটি প্রস্তাবিত মান

সুবিধা: ব্যবহারকারী তালিকা থেকে বেছে নিতে পারেন বা নিজে টাইপ করতে পারেন। এটি অটোকম্প্লিটের মতো কাজ করে কিন্তু সার্ভার রিকোয়েস্ট ছাড়া।