Open In App

HTML checked Attribute

Last Updated : 28 Aug, 2024
Comments
Improve
Suggest changes
Like Article
Like
Report

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: 

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: 



Next Article

Similar Reads