How to make a drop-down menu in html?

by elisha_langworth , in category: HTML & CSS , 2 months ago

How to make a drop-down menu in html?

Facebook Twitter LinkedIn Telegram Whatsapp

1 answer

by elise_daugherty , 2 months ago

@elisha_langworth 

To create a drop-down menu in HTML, you can use the element along with elements inside it. Here is an example of how you can create a simple drop-down menu:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html>
<head>
<title>Drop-down Menu Example</title>
</head>
<body>

<h2>Select a fruit:</h2>

<select>
  <option value="apple">Apple</option>
  <option value="banana">Banana</option>
  <option value="orange">Orange</option>
  <option value="grape">Grape</option>
</select>

</body>
</html>


In this example, the element is used to create the drop-down menu, and each element represents an option in the menu. You can set the value attribute of each option to specify the value that will be sent to the server when the form is submitted.


You can also use CSS to style the drop-down menu, such as changing the color, font, and size of the text, as well as the background color and border of the menu.