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

HTML5-এ ইনপुट ভ্যালুর জন্য অপশন লিস্ট (datalist ট্যাগ) তৈরি করার পদ্ধতি


HTML <datalist> ট্যাগ <input> এলিমেন্টের জন্য অপশন সেট নির্দিষ্ট করে। নিচের কোড রান করে HTML5-এ ইনপুট ভ্যালুর অপশন লিস্ট করা শিখুন:

উদাহরণ

<!DOCTYPE html> <html>    <head>       <title>HTML Datalist Tag</title>    </head>    <body>       <input list = "tutorials" />       <datalist id = "tutorials">          <option value = "Java">          <option value = "ASP">          <option value = "PHP">          <option value = "Ruby">          <option value = "jQuery">       </datalist>       <p>Try to add any of the tutorial name mentioned above.</p>    </body> </html>
  1. HTML5-এর জন্য W3C মার্কআপ ভ্যালিডেটর

  2. HTML5-এ Input Type URL

  3. জাভাস্ক্রিপ্টে সিলেক্ট অপশন (ড্রপডাউন) এর দৈর্ঘ্য পাওয়া

  4. CSS appearance প্রোপার্টি দিয়ে সিলেক্ট ইনপুটের ড্রপডাউন অ্যারো লুকানো