Cách chỉ định input được chọn sẵn (pre-selected) khi tải trang trong HTML?

Sử dụng thuộc tính checked trên <input type="checkbox"> hoặc <input type="radio"> để đánh dấu ô được chọn sẵn khi trang tải.

Ví dụ

<!DOCTYPE html>
<html>
  <body>
    <p>Bạn thích môn thể thao nào?</p>
    <form action="" method="get">
      <input type="checkbox" name="vehicle" value="football" checked> Bóng đá<br>
      <input type="checkbox" name="vehicle" value="cricket" checked> Cricket<br>
      <input type="checkbox" name="vehicle" value="hockey"> Hockey<br>
      <input type="submit" value="Gửi">
    </form>
  </body>
</html>

Lưu ý

• Với radio, chỉ một ô trong cùng nhóm name được checked.
• Thuộc tính boolean: chỉ viết checked hoặc checked="checked".
• Có thể thay đổi động bằng JavaScript: element.checked = true/false.