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.
<!-- 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 seletcted attribute --> <option value="quick" selected>Quick Sort</option> </select> </body> </html> |
chevron_right
filter_none
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 seletcted attribute --> <option value="python" selected>Python</option> <option value="java" >JAVA</option> </select> </body> </html> |
chevron_right
filter_none
Output:
Supported Browsers: The browser supported by HTML Option Selected Attribute are listed below:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
