Skip to content
Related Articles

Related Articles

HTML | checked Attribute
  • Difficulty Level : Basic
  • Last Updated : 19 Jul, 2019

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 type is either “checkbox” or “radio”.

Syntax:

<input type = "checkbox|radio" checked>

Example 1:




<!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:




<!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:

  • Google Chrome 1.0
  • Internet Explorer 2.0
  • Firefox 1.0
  • Opera 1.0
  • Apple Safari 1.0

full-stack-img

My Personal Notes arrow_drop_up
Recommended Articles
Page :