Last Updated : 11 Jul, 2025
The selected attribute in HTML is used to specify which option should be by default selected when the page loads. This is a boolean attribute. The option that has the selected attribute will be displayed by default.
Syntax:
<option selected>value</option>
Note: This attribute can be used only on <option> element.
Example: Below HTML program to illustrate selected Attribute
html
<!DOCTYPE html>
<html>
<head>
<title>HTML selected Attribute</title>
</head>
<body style="text-align: center;">
<h1 style="color: green;">GeeksforGeeks</h1>
<h2>HTML selected Attribute</h2>
<!-- List of Options -->
<select>
<option value="merge">Merge Sort</option>
<option value="bubble">Bubble Sort</option>
<option value="insertion">Insertion Sort</option>
<!-- Option element with selected attribute -->
<option value="quick" selected>Quick Sort</option>
</select>
</body>
</html>
Output:
Supported Browsers: The browser supported by the selected attribute are listed below:
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4