`<fieldset>` và `<legend>` dùng để làm gì?

<fieldset> nhóm các control liên quan, <legend> là nhãn của cả nhóm.

<fieldset>
  <legend>Hình thức thanh toán</legend>

  <label><input type="radio" name="pay" value="cod"> Khi nhận hàng</label>
  <label><input type="radio" name="pay" value="bank"> Chuyển khoản</label>
</fieldset>

Hữu ích nhất là với nhóm radio/checkbox. Mỗi radio có label riêng ("Khi nhận hàng"), nhưng không có gì nói đang chọn cho câu hỏi nào. Screen reader đọc legend trước mỗi lựa chọn → "Hình thức thanh toán, Khi nhận hàng, radio 1/2".

Mẹo ít người biết: disabled trên <fieldset> vô hiệu hoá toàn bộ control bên trong — tiện cho trạng thái đang gửi form:

<fieldset disabled>   <!-- mọi input/button bên trong đều bị disable -->

Lưu ý: <fieldset> có style mặc định (border, padding, và min-width: min-content khó ghi đè) hay phá layout flex/grid.

Reset bằng border: 0; padding: 0; min-width: 0; thay vì bỏ luôn thẻ.