Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Using the Select Element for Dropdown Menus | HTML Forms and User Input
Ultimate HTML

book
Using the Select Element for Dropdown Menus

The <select> element is used to create a dropdown list of options for the user to choose from. It is typically used in forms where the user needs to choose from a predefined set of options. It is always used in conjunction with <option> elements. The <option> elements define the individual items in the dropdown list.

html

index.html

copy

The <select> element also has several attributes that can be used to modify its behavior, including:

  • name: the name of the select element, used when submitting the form;

  • size: the number of visible options in the dropdown list;

  • multiple: if present, allows the user to select multiple options;

  • disabled: if present, disables the select element.

To divide a list into separate, unrelated groups, you can use the <optgroup> tag. The label attribute is used to assign a title to the group.

html

index.html

copy

Note

By default, the first <option> is chosen in the list. If you want to change it, you can provide the selected attribute to any <option> element.

question mark

What is the main function of the <select> element in HTML?

Select the correct answer

Everything was clear?

How can we improve it?

Thanks for your feedback!

Section 5. Chapter 8

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

some-alt