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