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
<!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 >
< select >
< option value = "merge" >Merge Sort</ option >
< option value = "bubble" >Bubble Sort</ option >
< option value = "insertion" >Insertion Sort</ option >
< option value = "quick" selected>Quick Sort</ option >
</ select >
</ body >
</ html >
|
Output:
Example-2:
html
<!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 >
< select >
< option value = "c" >C</ option >
< option value = "cpp" >C++</ option >
< 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
Last Updated :
28 Jul, 2022
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...