HTML <option> ট্যাগ

কোর্স পছন্দ:

<option> ডিফাইনশন ও ব্যবহার

<option> ট্যাগ ডিফাইনস সিলেকশন লিস্টের অপশনগুলো। ট্যাগ থেকে পড়ার মধ্যে অবস্থিত এলিমেন্ট<select><optgroup> 、 এক্সাম্পল 2 বা

ইলিমেন্টে<option> নোট:

ট্যাগটি কোনো প্রোপার্টি ছাড়াই ব্যবহার করা যেতে পারে, কিন্তু আপনি সাধারণত value প্রোপার্টি দিতে হবে, যা ফর্ম সাবমিট করার সময় সার্ভারে পাঠানো হবে।টিপ: <optgroup> যদি আপনার বিকল্প তালিকা খুব দীর্ঘ হোক, তবে আপনি

ট্যাগের মধ্যে সংশ্লিষ্ট বিকল্পগুলোকে গ্রুপ করা হয়।

আরও দেখুন:HTML DOM রেফারেন্স ম্যানুয়াল:

Option অবজেক্ট

প্রদত্তি

এক্সাম্পল 1

<label for="cars">একটি গাড়ি ব্র্যান্ড নির্বাচন করুন：</label>
<select id="cars">
  <option value="audi">অডিও</option>
  <option value="byd">বিয়ানডি</option>
  <option value="geely">জিলি</option>
  চারটি বিকল্প সহ ড্রপ লিস্ট:
</select>

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

<option value="volvo">ভলভো</option>

এক্সাম্পল 3 এক্সাম্পল 2 এলিমেন্টে <option>：

<datalist>
<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>

এক্সাম্পল 3 <optgroup> এলিমেন্টে <option>：

<label for="cars">একটি গাড়ি ব্র্যান্ড নির্বাচন করুন：</label>
<select 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>

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

অ্যাট্রিবিউট

গ্লোবাল অ্যাট্রিবিউট

<option> ট্যাগটি আরও HTML-তে গ্লোবাল অ্যাট্রিবিউট。

ইভেন্ট অ্যাট্রিবিউট

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

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

অস্ত্রোপযোগী

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

টুলসকিট

HTML রেফারেন্স ম্যানুয়েল

HTML ইনস্ট্যান্স

HTML পরীক্ষা

HTML শিক্ষা

স্পনসর লিঙ্ক