RetroSearch Browse

Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from https://www.w3resource.com/html-css-exercise/basic/select-multiple-answer.php below:

Website Navigation

HTML5: How to specify that multiple options can be selected at once?

HTML5: How to specify that multiple options can be selected at once?Last update on February 12 2024 12:51:56 (UTC/GMT +8 hours)

Go to Exercise page

Solution:

HTML Code:

<!DOCTYPE html><!-- Define document type as HTML -->
<html><!-- Begin HTML document -->
<head><!-- Start of document header -->
<meta charset="utf-8"><!-- Define character encoding -->
<title>How to specify that multiple 
options can be selected at 
once</title><!-- Title of the HTML page -->
</head><!-- End of document header -->
<body><!-- Start of document body -->
<form method="post" action="https://www.w3resource.com/html-css-exercise/basic/solution/input-list-answer-demo.php"><!-- Start of form with method and action attributes -->
<select name="animal" multiple><!-- Start of dropdown menu with name and multiple attributes -->
<option value="Lion">Lion</option><!-- First option in the dropdown menu -->
<option value="Tiger">Tiger</option><!-- Second option in the dropdown menu -->
<option value="Elephant">Elephant</option><!-- Third option in the dropdown menu -->
</select><!-- End of dropdown menu -->
<input type="submit"><!-- Submit button for the form -->
</form><!-- End of form -->
</body><!-- End of document body -->
</html><!-- End of HTML document -->

Explanation:

This HTML code defines a webpage with a form and a dropdown menu.
The form is set to submit data using the POST method to a specified URL.
The dropdown menu allows users to select multiple options simultaneously.
Each option in the dropdown menu represents an animal.
The multiple attribute is added to the <select> tag, indicating that multiple options can be selected at once.
The form includes a submit button for users to submit their selections.
All selected options will be submitted to the specified URL when the form is submitted.

Live Demo:

See the Pen select-multiple-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser

Go to Exercise page

What is the difficulty level of this exercise?

Test your Programming skills with w3resource's quiz.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4