ট্যাগের জন্য পূর্ব-নির্ধারিত বিকল্পগুলি সেট করতে ট্যাগ ব্যবহার করা হয়। যখনই কোনো ব্যবহারকারী -এ মাউস কার্সার রাখে, তখন এই সমস্ত পূর্ব-সংজ্ঞায়িত বিকল্পগুলি দৃশ্যমান হওয়া উচিত। আসুন এখন HTML −-এ ট্যাগ প্রয়োগ করার একটি উদাহরণ দেখি উদাহরণ <!DOCTYPE html> <html> <body> <p>Favorite Subject</p> <form action="" method="get"> <input list="subject" name="subject"> <datalist id="subject"> <option value="Programming"> <option value="Networking"> <option value="Database"> <option value="Big Data"> <option value="Cloud"> <option value="Framework"> </datalist> <input type="submit"> </form> </body> </html> আউটপুট এখন, ইনপুট বক্সের ভিতরে মাউস কার্সার রাখুন। নিম্নলিখিত পূর্ব-সংজ্ঞায়িত বিকল্পগুলি এখন দৃশ্যমান হবে - উপরের উদাহরণে, আমরা −-এর জন্য পূর্ব-নির্ধারিত বিকল্পগুলি সেট করেছি <datalist id="subject"> <option value="Programming"> <option value="Networking"> <option value="Database"> <option value="Big Data"> <option value="Cloud"> <option value="Framework"> </datalist> এখন, উপরের <ইনপুট>-এর ভিতরে কার্সার রাখলে, নিম্নলিখিত বিকল্পগুলি দৃশ্যমান হবে, যা আমরা <ডেটালিস্ট> উপাদান − ব্যবহার করে পূর্ব-সংজ্ঞায়িত করেছি। Programming Networking Database Big Data Cloud Framework
