How to define a drop-down list in HTML5 ?

How to define a drop-down list in HTML5 ?

Last Updated : 11 Jun, 2020

In this article, we define a Drop-Down List By using the <select> Element in the Document. This tag is used to create a drop-down list. The <select> tag contains <option> tag to display the available option of drop-down list.
Note: The tag is used in a form to receive user response.
Syntax:

<select>
    <option>
    <option>
    ...
<select>

Examples:

html

<!DOCTYPE html> 
<html> 

<head> 
    <title> 
        HTML5: How to define a drop-down list?
 
    </title> 
</head> 

<body style="text-align:center;"> 
    <h1>GeeksforGeeks</h1> 
    
    <h2>HTML5: How to define a drop-down list?
</h2> 
    
    
<p>Select one option from drop-down list:</p>
 
    
    <select> 
        <option value="GFG">GFG</option> 
        <option value="OS">OS</option> 
        <option value="DBMS">DBMS</option> 
        <option value="Data Structure"> 
            Data Structure 
        </option> 
    </select> 
</body> 

</html>

Output :

Supported Browsers are listed below:

Google Chrome
Internet Explorer
Firefox
Opera
Safari

How to define a drop-down list in HTML5 ?

M

manaschhabra2

Improve

Article Tags :

Similar Reads

How to define an option in a drop-down list in HTML5 ?

In this article, we will learn how to define an option in a drop-down list in HTML5. The <select> element is used to create a drop-down lists in HTML. This is generally used to present a list of options to the user in a form so that the user could choose one option as the needed one. The <o

How to disable the drop-down list in HTML5 ?

In this article, we will learn how to disable the drop-down list in HTML5. The drop-down is used to create a list of items that need to select an element. We use <select> and <option> elements to create a drop-down list and use the disabled attribute in <select> element to disable

How to define a list item in HTML5?

To define a list in HTML5 we can use the HTML <li> tag. But there are two types of listing in HTML. One is an ordered list and another one is an unordered list. For ordered we can use HTML <ol> tag and for the unordered list, we will use the HTML <ul> tag. Also, we can change the l

How to Add Drop Down List in Table Cell ?

Drop-downs are the user interface elements. Drop Down List is used to select one out of various options. This article focuses on creating a drop down list in the table cell which helps in selecting the choices directly from the table itself. Below are the approaches to add a Drop Down List in a Tabl

How to specify the name for drop-down list in HTML5 ?

Drop-down lists are also another way to allow people to choose only one choice from a number of alternatives. Since the default option is usually the first item on the list, using the drop-down list can be a safe choice if you know that one option is always preferred over the others. The drop-down l