Tạo nhóm tùy chọn (optgroup) trong select HTML

Thẻ <optgroup> nhóm các <option> liên quan trong <select>, giúp người dùng dễ tìm lựa chọn khi danh sách dài. Nhãn hiển thị bằng thuộc tính label.

Thuộc tính

Ví dụ

<!DOCTYPE html>
<html>
  <head>
    <title>Thẻ optgroup HTML</title>
  </head>
  <body>
    <select>
      <optgroup label="Việt Nam">
        <option value="hanoi">Hà Nội</option>
        <option value="hcm">Hồ Chí Minh</option>
      </optgroup>
      <optgroup label="Mỹ" disabled>
        <option value="ny">New York</option>
        <option value="la">Los Angeles</option>
      </optgroup>
    </select>
  </body>
</html>

Lưu ý

• <optgroup> không thể lồng nhau.
• disabled trên optgroup vô hiệu hóa tất cả option con.
• Không chọn được <optgroup> (chỉ là nhãn).
• Style محدود: trình duyệt kiểm soát giao diện, khó tùy biến CSS.