HTML checked Attribute

Last Updated : 31 Jul, 2026

The checked attribute in HTML is used to indicate whether an element should be checked when the page loads up. It is a Boolean attribute. 

Supported Tags: <input> 

Syntax

<input type = "checkbox|radio" checked>

Example 1: In this example, the checked attribute sets the first checkbox as checked by default, while the second checkbox remains unchecked, allowing users to toggle selections.

html
<!--Driver Code Starts-->
<!DOCTYPE html>
<html>

<head>
    <title>HTML checked Attribute</title>
</head>

<body style="text-align: center;">
    <h1 style="color: green;">GeeksforGeeks</h1>
    <h2>HTML checked Attribute</h2>
<!--Driver Code Ends-->

    <form>
        <!-- Below input elements have attribute "checked" -->
        <input type="checkbox" 
               name="check" 
               value="1" 
               checked>
        Checked by default<br>
        <input type="checkbox" 
               name="check" 
               value="2">
        Not checked by default<br>
    </form>

<!--Driver Code Starts-->
</body>

</html>
<!--Driver Code Ends-->

Example 2: In this example we are using the checked attribute, automatically selecting the first radio button by default. The second radio button is not selected by default, offering an alternative choice.

html
<!--Driver Code Starts-->
<!DOCTYPE html>
<html>

<head>
    <title>HTML checked Attribute</title>
</head>

<body style="text-align: center;">
    <h1 style="color: green;">GeeksforGeeks</h1>
    <h2>HTML checked Attribute</h2>
<!--Driver Code Ends-->

    <form>
        <!-- Below input elements have attribute "checked" -->
        <input type="radio" 
               name="check" 
               value="1" checked>
        Selected by default<br>
        <input type="radio" 
               name="check" 
               value="2">
        Not selected by default<br>
    </form>

<!--Driver Code Starts-->
</body>

</html>
<!--Driver Code Ends-->
Comment