How to disable the 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 disable the 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

How to define a form for user input using HTML5 ?

In this article, we will learn how to create a form in a webpage by using the <form> tag. This tag is used to create form for user input. Also there are many elements which are used within form tag. Syntax: <form> Form Content... </form> Example: The following code snippet demonstr

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

The <menu> tag is used to define a list or menu of commands in HTML5. It can contain more than one <li> or <menuitem> elements. The <menu> tag is only supported by the latest Mozilla firefox web browsers. This tag also supports the event attributes in HTML5. Syntax: <menu

How to create HTML List from JavaScript Array?

Creating an HTML list from a JavaScript array allows you to dynamically generate <ul> (unordered) or <ol> (ordered) lists and fill them with data directly from your array. This is useful when you want to display array data in a structured way on your webpage. In this guide, weâ€™ll go thro

How to Display Suggestions for Input Field in HTML ?

In most cases, there is a field on forms that allows for auto-completion of user input. This can be achieved using the HTML <datalist>. The <datalist> tag works with the input tag to enable users to quickly fill in data on forms by presenting them with a dropdown list of pre-defined opti

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

Given an HTML document with a drop-down list menu and our task is to add more options to the drop-down list using jQuery. Approach : To add more option to the existing drop-down list using the append() method : var options = { val1: 'C#', val2: 'PHP' }; var selectOption = $('#programmingLanguage');