Thẻ optgroup trong HTML

Miêu tả

Thẻ HTML <optgroup> được sử dụng để nhóm các tùy chọn có liên quan trong danh sách các lựa chọn của bạn. Điều này làm cho nó dễ dàng hơn cho người sử dụng hiểu những sự lựa chọn của họ khi nhìn vào một danh sách rộng.

Ví dụ

<!DOCTYPE html>
<html>
<head>
<title>Vi du the optgroup trong HTML</title>
</head>
<body>
<select>
<optgroup label="Vietnam">
  <option value ="hanoi">Ha Noi</option>
  <option value ="danang">Da Nang</option>
</optgroup>
<optgroup label="USA">
  <option value ="florida">Florida</option>
  <option value ="newyork">New York</option>
</optgroup>
</select>
</body>
</html>

Nó sẽ cho kết quả sau:

Quảng cáo

Các thuộc tính Global

Thẻ này hỗ trợ tất cả các thuộc tính Global được miêu tả trong chương: Tổng hợp thuộc tính trong HTML

Các thuộc tính đặc trưng

Thẻ HTML <optgroup> cũng hỗ trợ các thuộc tính sau:

Thuộc tính	Giá trị	Miêu tả
disabled	disabled	Disable điều khiển đầu vào. Nút này sẽ không chấp nhận các thay đổi từ người sử dụng. Nó cũng không thể nhận trọng tâm và bị bỏ qua khi tab.
label	text	Định nghĩa một label để sử dụng khi sử dụng thẻ <optgroup>.

Các thuộc tính sự kiện

Thẻ này hỗ trợ tất cả các thuộc tính sự kiện được miêu tả trong chương: Tổng hợp sự kiện (Event) trong HTML

Trình duyệt hỗ trợ

Chrome	Firefox	IE	Opera	Safari	Android
Có	Có	Có	Có	Có	Có

Đã có app VietJack trên điện thoại, giải bài tập SGK, SBT Soạn văn, Văn mẫu, Thi online, Bài giảng....miễn phí. Tải ngay ứng dụng trên Android và iOS.

Theo dõi chúng tôi miễn phí trên mạng xã hội facebook và youtube:

Follow fanpage của team https://www.facebook.com/vietjackteam/ hoặc facebook cá nhân Nguyễn Thanh Tuyền https://www.facebook.com/tuyen.vietjack để tiếp tục theo dõi các loạt bài mới nhất về Java,C,C++,Javascript,HTML,Python,Database,Mobile.... mới nhất của chúng tôi.

Bài học HTML phổ biến khác tại vietjack.com: