HTML | <select> size Attribute

The HTML size Attribute is used to specifies the number of visible options in a drop-down list.

Note: If the value of the size attribute is greater than 1 but lower that the number of options in a DropDown List. so the Browser will automatically add the scrollbar for specifying that there are more options to view.

Syntax:

<select size = "value"> option values...</select>

Attribute Values: It contains a numeric value which specify the number of visible options in the drop-down list. It has a Default value which is 4.

Example:

html

<!DOCTYPE html>

<html>
 
<head>

    <title>HTML select size Attribute</title>

</head>
 
<body>

    <h1 style="color: green;"> 

            GeeksforGeeks 

        </h1>
 
    <h2> 

            HTML select size Attribute 

        </h2>

    <p>Sorting Algorithms</p>

    <select size="3">

        <option value="merge">merge sort</option>

        <option value="bubble">bubble sort</option>

        <option value="selection">selection sort</option>

        <option value="quick">quick sort</option>

        <option value="insertion">insertion sort</option>

    </select>

</body>
 
</html>

Output:

Supported Browsers: The browser supported by HTML Select size Attribute are listed below:

Google Chrome
Edge 12 and above
Internet Explorer
Firefox 1 and above
Opera
Safari

Article Tags :

HTML

Web Technologies

HTML-Attributes