how to select multiple options from a drop down list in html

In this tutorial I shall show you how you can select multiple options from a dropdown list in html.

In the above screenshot you will see I have created a simple select list with 4 options. When I render this the output in web browser should be look like this.

Now let’s make this simple dropdown a multiple select options.

In the above screenshot you will see I have added an attribute “multiple” to our dropdown list. Now let’s render it to see the changes.

In the above screenshot you will see I can select more than one options by holding CTRL key from keyboard.

Now we have successfully turned a simple select list to multiple select list.

You may like:

• 1 Best Way – How to change select dropdown arrow in CSS
• How to Align Multiple Images in HTML Horizontally 1 Best Way