Thẻ legend

Thẻ legend thiết lập tiêu đề cho nhóm các trường HTML form, được tạo bằng thẻ fieldset.

Nếu áp dụng cho thẻ legend bất kỳ CSS style nào liên quan đến định vị (float, position v.v.), thì nội dung của nó sẽ tách khỏi đường viền và di chuyển đến vị trí được chỉ định (đường viền sẽ không còn bị đứt đoạn nữa).

Ví dụ

Hãy chia form thành hai khối logic bằng cách sử dụng hai thẻ fieldset, và tạo tiêu đề cho các khối bằng thẻ legend:

html<form>
  <fieldset>
    <legend>Thông tin người mua</legend>
    <input type="text">
  </fieldset>
  <fieldset>
    <legend>Thông tin người bán</legend>
    <input type="text">
  </fieldset>
</form>

Результат:

Xem thêm