Skip to content
Related Articles
Get the best out of our app
GeeksforGeeks App
Open App
geeksforgeeks
Browser
Continue

Related Articles

HTML | selected Attribute

Improve Article
Save Article
Like Article
Improve Article
Save Article
Like Article

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 
 

html




<!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: 
 

selected

Supported Browsers: The browser supported by selected attribute are listed below: 
 

  • Google Chrome
  • Internet Explorer
  • Firefox
  • Opera
  • Safari

 

My Personal Notes arrow_drop_up
Last Updated : 03 Dec, 2021
Like Article
Save Article
Similar Reads
Related Tutorials