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

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

Explore