সমাধান করা হয়েছে: ডেটালিস্ট এইচটিএমএল

HTML এর সাথে সম্পর্কিত প্রধান সমস্যা

<datalist id="browsers">
  <option value="Chrome">
  <option value="Firefox">
  <option value="Internet Explorer">
  <option value="Opera">
  <option value="Safari">
</datalist>

1. এই কোডটি ডেটালিস্ট নামে একটি HTML উপাদান তৈরি করে, যা একটি ইনপুট ক্ষেত্রের বিকল্পগুলির একটি তালিকা তৈরি করতে ব্যবহৃত হয়।
2. ডেটালিস্টে "ব্রাউজার" এর একটি আইডি বৈশিষ্ট্য রয়েছে।
3. ডেটালিস্টের ভিতরে, পাঁচটি বিকল্প উপাদান রয়েছে, প্রতিটিতে একটি মান বৈশিষ্ট্য রয়েছে যাতে একটি ওয়েব ব্রাউজারের নাম থাকে (Chrome, Firefox, Internet Explorer, Opera এবং Safari)।
4. এই মানগুলি পরামর্শ হিসাবে ব্যবহার করা হবে যখন ব্যবহারকারী এই ডেটালিস্টের সাথে যুক্ত ইনপুট ক্ষেত্রে টাইপ করে।

একটি ডেটালিস্ট ট্যাগ কি

এইচটিএমএল

Datalist এবং ড্রপডাউন মধ্যে পার্থক্য কি

একটি ডেটালিস্ট হল একটি এইচটিএমএল উপাদান যা ব্যবহারকারীকে নির্বাচন করার জন্য বিকল্পগুলির একটি তালিকা প্রদান করে। এটি একটি ড্রপডাউন মেনুর অনুরূপ, কিন্তু প্রধান পার্থক্য হল এটি ব্যবহারকারীদের তাদের নিজস্ব মান প্রবেশ করতে দেয়। ব্যবহারকারী ইনপুট ক্ষেত্রে টাইপ করতে পারে এবং ডেটালিস্ট তারা যা টাইপ করেছে তার উপর ভিত্তি করে পরামর্শ প্রদান করবে। অন্যদিকে, ড্রপডাউন মেনু শুধুমাত্র ব্যবহারকারীদের পূর্ব-নির্ধারিত বিকল্পগুলি থেকে নির্বাচন করতে দেয়। উপরন্তু, একটি ডেটালিস্টের সাহায্যে, ব্যবহারকারীরা তাদের পছন্দের যে কোনও মান টাইপ করতে পারেন এমনকি এটি একটি বিকল্প হিসাবে তালিকাভুক্ত না থাকলেও৷

HTML আকারে ডেটালিস্ট কীভাবে ব্যবহার করবেন

এইচটিএমএল

ডেটালিস্ট উপাদান ব্যবহার করার জন্য, আপনাকে প্রথমে একটি দিয়ে একটি HTML ফর্ম তৈরি করতে হবে উপাদান এবং এটি একটি আইডি বৈশিষ্ট্য দিন। তারপর, আপনি ফর্মের ভিতরে একটি ডেটালিস্ট উপাদান যোগ করতে পারেন এবং ইনপুট ক্ষেত্রের আইডির সমান তার তালিকা বৈশিষ্ট্য সেট করতে পারেন। ডেটালিস্টের ভিতরে, আপনি এক বা একাধিক যোগ করতে পারেন মান সহ উপাদান যা ইনপুট ক্ষেত্রে টাইপ করার সময় প্রস্তাবিত হবে।

উদাহরণ স্বরূপ:

দেশ: