html tutorial - selected Attribute in HTML - html5 - html code - html form




Selected attribute in html

Learn html - html tutorial - Selected attribute in html - html examples - html programs

  • The selected attribute defines that an option has been pre-selected though the page loads.
  • The selected attribute is a Boolean attribute.
  • The pre-selected option will be selected by default in the drop-down list.

Syntax for selected attribute in HTML:

<option selected>

Applies To:

Element Attribute
<option> selected

Sample Coding for selected Attribute in HTML:

Tryit<!DOCTYPE html>
<html>
    <head>
        <title>Wikitechy HTML selected attribute</title>
    </head>
    <body>
        <select>
            <option value="css">CSS</option>
            <option value="html">HTML</option>
            <option value="java" selected>JAVA</option>
            <option value="php">PHP</option>
        </select>
    </body>
</html>

Code Explanation for selected Attribute in HTML:

selected Attribute Code Explanation

  1. <option> tag is used to define the list of options in a select list.
  2. The value attribute is used to set the value for the specified <option>.
  3. The selected attribute is used to pre-select a value by default on page load.

Output for selected Attribute in HTML:

selected Attribute Output

  1. The output shows that the <option> JAVA has been pre-selected on page load.
selected Attribute Output
  1. In the output, the text CSS, HTML, JAVA, PHP has been shown in a drop-down list with four options.

Browser Support for selected Attribute in HTML:

Yes Yes Yes Yes Yes

Tips and Notes

  • If selected attribute not presents the first value will be the default pre-selected value.

Related Searches to selected attribute in html

Adblocker detected! Please consider reading this notice.

We've detected that you are using AdBlock Plus or some other adblocking software which is preventing the page from fully loading.

We don't have any banner, Flash, animation, obnoxious sound, or popup ad. We do not implement these annoying types of ads!

We need money to operate the site, and almost all of it comes from our online advertising.

Please add wikitechy.com to your ad blocking whitelist or disable your adblocking software.

×