Skip to content
Related Articles

Related Articles

HTML | selected Attribute

Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 03 Dec, 2021
Improve Article
Save 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
Related Articles

Start Your Coding Journey Now!