HTML checked Attribute

The HTML checked attribute is a boolean attribute and specifies that an <input> element must be checked when the page loads.

You can use this attribute only on the <input> element (<input type="checkbox"> and  <input type="radio">).

It is also possible to set the checked attribute after the page loads, with JavaScript.


<input type="checkbox|radio" checked>

Example of the HTML checked attribute:

<!DOCTYPE html>
    <title>Title of the document</title>
    <h2>HTML Form Example</h2>
    <form action="/form/submit" method="post">
      <input type="radio" name="game" value="football" checked> Football
      <input type="radio" name="game" value="basketball"> Basketball

Practice Your Knowledge

What does the HTML 'checked' attribute do?

Quiz Time: Test Your Skills!

Ready to challenge what you've learned? Dive into our interactive quizzes for a deeper understanding and a fun way to reinforce your knowledge.

Do you find this helpful?