Open In App

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy

HTML selected Attribute

The selected attribute in HTML 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>value</option>

Note: This attribute can be used only on <option> element.

Example: Below 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 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: 
Supported Browsers: The browser supported by the selected attribute are listed below: 
	

        Article Tags : 
        

            HTML
Web Technologies        


		
	

	


      

      

          
Recommended Articles

      

      

          
          
1. HTML | <option> selected Attribute

          
2. ReactJS selected Attribute

          
3. How href attribute is different from src attribute in HTML ?

          
4. HTML | DOM Option selected Property

          
5. How to find all selected options of HTML select tag ?

          
6. When to use the class attribute and the id attribute ?

          
7. How to use the target attribute and the rel attribute in the <a> Tag ?

          
8. How to get multiple selected values of select box in php?

          
9. jQuery :selected Selector

          
10. Which methods are used to set styles on selected elements in jQuery ?

          
11. AngularJS | ng-selected Directive

          
12. How to know which radio button is selected using jQuery?

          
13. How to get value of selected radio button using JavaScript ?

          
14. How to get the Highlighted/Selected text in JavaScript?

          
15. How to check whether a radio button is selected with JavaScript ?

          
16. How to iterate through all selected elements into an array ?

          
17. How I got selected in GSoC 2019?

          
18. How to reset selected value to default using jQuery ?

          
19. How to change the color of selected text using CSS ?

          
20. How to reset selected file with input tag file type in Angular 9?

          
21. How to show  contents of selected row  of a table in Bootstrap model using jQuery ?

          
22. jQWidgets jqxButtonGroup selected Event

          
23. How to create Selected Option Select using jQuery Mobile ?

          
24. How to specify that an option should be pre-selected when the page loads in HTML5?

          
25. How to have the class=“selected” depending on what the current page/url is ?