Open In App

HTML | <option> selected Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

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

 



Last Updated : 28 Jul, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads