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:
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>
<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:
Example 2:
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>
<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:
Supported Browsers: The browser supported by checked attribute are listed below:
- Google Chrome 1.0
- Firefox 1.0
- Opera 1.0
- Apple Safari 1.0
Whether you're preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape,
GeeksforGeeks Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we've already empowered, and we're here to do the same for you. Don't miss out -
check it out now!
Last Updated :
02 Aug, 2023
Like Article
Save Article