HTML <optgroup> แท็ก

องค์ประกอบใน HTML ใช้เพื่อจัดกลุ่มตัวเลือกในรายการแบบหล่นลง ตัวอย่างเช่น คุณอาจเคยเห็นรายการที่จัดกลุ่มไว้ เช่น หลักสูตรการสำเร็จการศึกษาและหลังจบการศึกษาจะแสดงในกลุ่มต่างๆ ในรายการแบบเลื่อนลงรายการเดียว

ต่อไปนี้เป็นคุณลักษณะ−

ปิดการใช้งาน :ระบุว่าควรปิดการใช้งานกลุ่มตัวเลือก
ฉลาก :ระบุป้ายกำกับสำหรับ option-group ตอนนี้เรามาดูตัวอย่างการใช้ องค์ประกอบ:

ให้เรามาดูตัวอย่างการใช้งานองค์ประกอบ -

ตัวอย่าง

<!DOCTYPE html>
<html>
<body>
<h2>Educational Qualification</h2>
<select>
   <optgroup label="Graduation">
   <option value="bca">BCA</option>
   <option value="bcom">B.COM</option>
   <option value="btech">B.TECH</option>
</optgroup>
   <optgroup label="Postgraduation">
   <option value="mca">MCA</option>
   <option value="mcom">M.COM</option>
   <option value="mtech">M.TECH</option>
   <option value="msc">M.Sc</option>
</optgroup>
</select>
</body>
</html>

ผลลัพธ์

HTML optgroup
แท็ก

ในตัวอย่างข้างต้น เรามี optgroup สองกลุ่มเพื่อตั้งค่ารายการดรอปดาวน์ที่มีสองส่วน ด้วยวิธีนี้ เราได้จัดกลุ่มตัวเลือกในรายการแบบหล่นลง−

<select>
<optgroup label="Graduation">
<option value="bca">BCA</option>
<option value="bcom">B.COM</option>
<option value="btech">B.TECH</option>
</optgroup>
<optgroup label="Postgraduation">
<option value="mca">MCA</option>
<option value="mcom">M.COM</option>
<option value="mtech">M.TECH</option>
<option value="msc">M.Sc</option>
</optgroup>
</select>

ชุดองค์ประกอบตัวเลือกใช้เพื่อตั้งค่าตัวเลือกที่แตกต่างกันสำหรับรายการแบบหล่นลง และอนุญาตให้ผู้ใช้เลือกหนึ่งในนั้นจากกลุ่มตัวเลือกเดียว−

<option value="bca">BCA</option>
<option value="bcom">B.COM</option>
<option value="btech">B.TECH</option>

HTML แท็ก

ตัวอย่าง

ผลลัพธ์