How to define a drop-down list in HTML5 ?

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

Article Tags :

HTML

Web Technologies

Recommended Articles

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

2. How to set the focus on drop-down list automatically when the page loads in HTML5?

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

4. How to disable the drop-down list in HTML5 ?

5. How to select first element in the drop-down list using jQuery ?

6. How to generate a drop down list of timezone using PHP ?

7. How to create a group of related options in a drop-down list using HTML ?

8. How to change font style using drop-down list in JavaScript ?

9. How to add options to a drop-down list using jQuery?

10. Create a drop-down list that options fetched from a MySQL database in PHP

11. How to Change Font Size using drop-down List in JavaScript ?

12. How to get selected text from a drop-down list using jQuery?

13. How to change selected value of a drop-down list using jQuery?

14. How to Add Drop Down List in Table Cell ?

15. How to define a term or name in a definition list using HTML5 ?

16. How to define a list item in HTML5?

17. How to define a list or menu of commands in HTML5 ?

18. How to achieve drop-down having multiple input types ?

19. How to set auto-suggest on search as drop-down in the official Bootstrap site ?

20. How to Make Scrollable Drop Down Lists in React-Bootstrap ?

21. Angular PrimeNG Drag and Drop Drop Indicator

22. How to define the URL of an external script file in HTML5 ?

23. How to define a client-side script in HTML5 ?

24. How to define a caption for a fieldset element in HTML5 ?

25. How to define marked/highlighted text using HTML5 ?