HTML | <option> selected Attribute
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.
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.
html
<!-- 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
<!-- 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
- Internet Explorer
- Firefox
- Opera
- Safari
