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
<!-- 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
Please Login to comment...