<legend>: Phần tử chú thích Field Set
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Phần tử <legend> trong HTML đại diện cho chú thích cho nội dung của phần tử cha <fieldset>.
Trong các phần tử <select> có thể tùy chỉnh, phần tử <legend> được cho phép là con của <optgroup>, để cung cấp nhãn dễ nhắm mục tiêu và tạo kiểu. Điều này thay thế bất kỳ văn bản nào được đặt trong thuộc tính label của phần tử <optgroup>, và nó có cùng ngữ nghĩa.
Try it
<fieldset>
<legend>Choose your favorite monster</legend>
<input type="radio" id="kraken" name="monster" value="K" />
<label for="kraken">Kraken</label><br />
<input type="radio" id="sasquatch" name="monster" value="S" />
<label for="sasquatch">Sasquatch</label><br />
<input type="radio" id="mothman" name="monster" value="M" />
<label for="mothman">Mothman</label>
</fieldset>
legend {
background-color: black;
color: white;
padding: 3px 6px;
}
input {
margin: 0.4rem;
}
Thuộc tính
Phần tử này chỉ bao gồm các thuộc tính toàn cục.
Ví dụ
Xem <form> để biết ví dụ về <legend>.
Tóm tắt kỹ thuật
| Danh mục nội dung | Không có. |
|---|---|
| Nội dung cho phép | Nội dung cụm từ và các tiêu đề (phần tử h1–h6). |
| Bỏ qua thẻ | Không, cả thẻ mở và thẻ đóng đều bắt buộc. |
| Phần tử cha cho phép |
<fieldset> có con đầu tiên là phần tử
<legend> này. Trong phần tử select có thể tùy chỉnh, phần tử <legend> được cho phép là con của <optgroup>.
|
| Vai trò ARIA ngầm định | Không có vai trò tương ứng |
| Vai trò ARIA cho phép | Không có role nào được phép |
| Giao diện DOM | HTMLLegendElement |
Đặc tả
| Specification |
|---|
| HTML # the-legend-element |