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 define a drop-down
list</title><!-- Title of the HTML page -->
</head><!-- End of document header -->
<body><!-- Start of document body -->
<form name="example" action="html-select-option-optgroup-example.html" ><!-- Start of form with name and action attributes -->
Select one or more sections: <!-- Prompt for user selection -->
<select name="languages" multiple><!-- Start of dropdown menu with name and multiple attributes -->
<optgroup label="Server_side"><!-- Grouping of options with a label -->
<option>PHP</option><!-- First option under Server_side group -->
<option>ASP</option><!-- Second option under Server_side group -->
<option>Ruby on Rails </option><!-- Third option under Server_side group -->
</optgroup><!-- End of Server_side group -->
<optgroup label="Client_side"><!-- Another grouping of options with a label -->
<option>JavaScript</option><!-- First option under Client_side group -->
<option>VB Script </option><!-- Second option under Client_side group -->
</optgroup><!-- End of Client_side group -->
</select><!-- End of dropdown menu -->
</form><!-- End of form -->
</body><!-- End of document body -->
</html><!-- End of HTML document -->
Explanation:
Live Demo:
See the Pen select-answer by w3resource (@w3resource) on CodePen.
See the solution in the browser
Supported browser
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