HTML <select> ট্যাগ

  • পূর্ববর্তী পৃষ্ঠা <section>
  • পরবর্তী পৃষ্ঠা <small>

বিবরণ ও ব্যবহার

<select> উপাদানটি ড্রপডাউন লিস্ট তৈরি করার জন্য ব্যবহৃত হয়

<select> উপাদানটি সর্বাধিক ব্যবহৃত হয় ফর্মে, ব্যবহারকারীর ইনপুট সংগ্রহ করার জন্য

ফর্ম সমর্থিত হওয়ার পর, name অ্যাট্রিবিউট ব্যবহার করে ফর্ম ডাটা উল্লেখ করতে হবে (যদি name অ্যাট্রিবিউট ছাড়া থাকে, তবে ড্রপডাউন লিস্টের ডাটা সমর্থিত হবে না)

<select> উপাদানের মধ্যে <option> ট্যাগ ড্রপডাউন লিস্টের মধ্যে উপলব্ধ বার্তাগুলি নির্বাচন করুন

ড্রপডাউন লিস্টকে লেবেল (label) সঙ্গে সংযুক্ত করতে id অ্যাট্রিবিউট ব্যবহার করতে হবে

টীকা:সর্বদা যোগ করুন <label> ট্যাগ শুধুমাত্র সর্বোত্তম পরিবেশ্যতা প্রথা পাওয়ার জন্য!

আরও দেখুন:

HTML DOM পরিচ্ছন্নকরণ হান্ডবুক:Select অবজেক্ট

CSS শিক্ষাক্রম:ফর্ম শৈলী সেট

প্রকল্প

উদাহরণ 1

চারটি বার্তা সমৃদ্ধ ড্রপডাউন লিস্ট তৈরি করুন:

<label for="cars">একটি গাড়ি ব্র্যান্ড নির্বাচন করুন：</label>
<select name="cars" id="cars">
  <option value="audi">আউডি</option>
  <option value="byd">বিয়াঙ্গদি</option>
  <option value="geely">জিলি</option>
  <option value="volvo">ভলভো</option>
</select>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

উদাহরণ 1

উদাহরণ 2 <select> সঙ্গে <optgroup> ট্যাগটি ব্যবহার করুন:

<label for="cars">একটি গাড়ি ব্র্যান্ড নির্বাচন করুন：</label>
<select  name="cars" id="cars">
  <optgroup label="চীনা গাড়ি">
    <option value="byd">বিয়াঙ্গদি</option>
    <option value="geely">জিলি</option>
  </optgroup>
  <optgroup label="জার্মান গাড়ি">
    <option value="mercedes">মেরসেডেস</option>
    <option value="audi">আউডি</option>
  </optgroup>
</select>

স্বয়ংক্রিয়ভাবে প্রয়োগ করুন

বৈশিষ্ট্য

বৈশিষ্ট্য মূল্য বর্ণনা
autofocus autofocus পৃষ্ঠা লোড হওয়ার সময় ড্রপডাউন লিস্টকে স্বয়ংক্রিয়ভাবে ফোকাস করা উচিত
disabled disabled ড্রপডাউন লিস্টটিকে নিষ্ক্রিয় করা উচিত
form ফর্ম id ড্রপডাউন লিস্ট প্রত্যক্ষ ফর্ম
multiple multiple বার্তা বাছাই করা যেতে পারে
name নাম ড্রপডাউন লিস্টের নাম নির্ধারণ করে
required required ফর্ম সম্পাদন করা পূর্বে ব্যবহারকারীকে একটি মান্য মূল্য চুনতে হবে
size নম্বর ড্রপডাউন লিস্টে দেখা যাওয়া অপশনের সংখ্যা নির্ধারণ করে

গ্লোবাল এট্রিবিউট

<select> ট্যাগটি আরও HTML-এর গ্লোবাল এট্রিবিউট。

ইভেন্ট এট্রিবিউট

<select> ট্যাগটি আরও HTML-এর ইভেন্ট এট্রিবিউট。

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

অপ্রযুক্ত

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

চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন
  • পূর্ববর্তী পৃষ্ঠা <section>
  • পরবর্তী পৃষ্ঠা <small>