HTML checked Attribute

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.

Note: It can be used with <input> element only where the type is either "checkbox" or "radio". This attribute has been DEPRECATED and is no longer recommended.

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

<!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>
    <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>
</body>

</html>

Output:

checked

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

<!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>
    <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>
</body>

</html>

Output:

checked

Supported Browsers: The browser supported by checked attribute are listed below:

Explore