Skip to content
Related Articles

Related Articles

Improve Article

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

 

Attention reader! Don’t stop learning now. Get hold of all the important Comcompetitivepetitve Programming concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :