แท็ก optgroup

แท็ก optgroup จัดกลุ่มรายการ option ในรายการเลือกแบบดรอปดาวน์ select

การจัดกลุ่มมีขึ้นเพื่อให้หัวข้อทั่วไป กับกลุ่มรายการในรายการเลือกกลุ่มหนึ่ง หัวข้อนี้ถูกกำหนดในแอตทริบิวต์ label ของแท็ก optgroup

แอตทริบิวต์

ตัวอย่าง

ลองใช้แท็ก optgroup เพื่อจัดกลุ่ม รายการในรายการเลือกออกเป็นสองกลุ่ม:

html<select>
  <optgroup label="ประเทศ 1">
    <option>เมือง 1</option>
    <option>เมือง 2</option>
  </optgroup>
  <optgroup label="ประเทศ 2">
    <option>เมือง 3</option>
    <option>เมือง 4</option>
  </optgroup>
</select>

Результат:

ดูเพิ่มเติม