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
<!-- 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 1
- Edge 12
- Internet Explorer
- Firefox 1
- Opera
- Safari