HTML <datalist> ট্যাগ

  • পূর্ববর্তী পৃষ্ঠা <data>
  • পরবর্তী পৃষ্ঠা <dd>

পরিভাষা ও ব্যবহার

<datalist> ট্যাগ ব্যবহৃত হয় <input> ইলিমেন্টপ্রিডিফাইন্ড অপশনসহ লিস্ট নির্দিষ্ট করতে:

<datalist> ট্যাগ ব্যবহৃত হয় <input> ইলিমেন্ট প্রদান করে "স্বয়ংক্রিয় সমাধান" ফিচার। ব্যবহারকারী ডাটা ইনপুট করার সময়, তাদের কাছে প্রিডিফাইন্ড অপশনসহ ড্রপডাউন লিস্ট দেখা যাবে。

<datalist> ইলিমেন্টের id প্রতিশব্দ হতে হবে <input> ইলিমেন্ট list প্রতিশব্দ(এটা তাদের সঙ্গে সংযুক্ত করবে)。

অন্যান্য দেখুন:

HTML DOM রেফারেন্স ম্যানুয়াল:ডেটালিস্ট অবজেক্ট

ইনস্ট্যান্স

প্রিডিফাইন্ড অপশনসহ ডাটালিস্ট (এক্সিট টু <input> ইলিমেন্ট):

<label for="browser">আপনাকে লিস্ট থেকে আপনার ব্রাউজার নির্বাচন করুন:</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>

আপনার হাতে নিন

সার্বজনীন বৈশিষ্ট্য

<datalist> ট্যাগটি আরও HTML-এর সার্বজনীন বৈশিষ্ট্য

ইভেন্ট বৈশিষ্ট্যকে

<datalist> ট্যাগটি আরও HTML-এর ইভেন্ট বৈশিষ্ট্য

ডিফল্ট সিএসএস সেটিং

অধিকাংশ ব্রাউজার নিম্নলিখিত ডিফল্ট মান ব্যবহার করবে <datalist> উপাদান:

datalist {
  display: none;
}

ব্রাউজার সমর্থন

সারণীতে বর্ণিত সংখ্যাগুলি এই তত্ত্বকে সবচেয়ে প্রথম সম্পূর্ণভাবে সমর্থন করা ব্রাউজারের সংস্করণ।

চ্রোম এডজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এডজ ফায়ারফক্স স্যাফারি ওপেরা
20.0 10.0 4.0 12.1 9.5
  • পূর্ববর্তী পৃষ্ঠা <data>
  • পরবর্তী পৃষ্ঠা <dd>