The HTML <option> selected Attribute is used to specify which option should be by default selected when the page loads. This is a boolean attribute. The option that is having the selected attribute will be displayed by default.
Syntax:
<option selected>
Example-1: This Example illustrates the use of selected attribute in option Element.
<!-- HTML program to illustrate selected Attribute -->
<!DOCTYPE html>
<html>
<head>
<title>HTML selected Attribute</title>
</head>
<body style="text-align: center;">
<h1 style="color: green;">GeeksforGeeks</h1>
<h2>HTML Option 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:
Example-2:
<!-- HTML program to illustrate selected Attribute -->
<!DOCTYPE html>
<html>
<head>
<title>HTML selected Attribute</title>
</head>
<body style="text-align: center;">
<h1 style="color: green;">GeeksforGeeks</h1>
<h2>HTML Option selected Attribute</h2>
<!-- List of Options -->
<select>
<option value="c">C</option>
<option value="cpp">C++</option>
<!-- Option element with selected attribute -->
<option value="python" selected>Python</option>
<option value="java" >JAVA</option>
</select>
</body>
</html>
Output:
Supported Browsers: The browser supported by HTML Option Selected Attribute are listed below:
- Google Chrome 1
- Edge 12
- Internet Explorer
- Firefox 1
- Opera
- Safari