Open In App

HTML | <select> size Attribute

Improve
Improve
Like Article
Like
Save
Share
Report

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

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