HTML checked Attribute

❮ Prev Next ❯

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.

Syntax

<input type="checkbox|radio" checked>

Example of the HTML checked attribute:

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <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
    </form>
  </body>
</html>

Try it Yourself »

Practice Your Knowledge

What does the HTML 'checked' attribute do?

It indicates whether a checkbox or radio button is selected.

It sets the default value of an input element.

It provides a hint for the user on the expected value of an input element.

It indicates that a checkbox or radio button cannot be interacted with.

It specifies that an input field should be pre-filled with specified text when the page loads.

It marks the button as the default selected option when the page loads.

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.

HTML Basics

❮ Prev Next ❯

Do you find this helpful?