Page 91 - CodePilot V5.0 C8

21 st #Critical Thinking
INTERDISCIPLINARY LEARNING Century #Technology Literacy
Skills

Create a web page on recycling metals that includes various HTML elements such as checkboxes and
radio buttons. Take help from your teacher.

sCIENCE

THE <SELECT> TAG
The <SELECT> tag creates a drop-down list of options that allows the user to select one or
more options. The <OPTION> tag defines each list item.

Adding Combo Box

Sometimes, you need to display multiple options in the form of a drop-down menu or list from
which you can select only one option at a time. This type of control is known as a combo box.
The <SELECT> tag with the <OPTION> tag allows you to create a drop-down list.

The <OPTION> tag specifies an option in the drop-down list. The syntax to add the options in the
form is as follows:

<SELECT NAME="name_of_select_field" ID="id_of_select_field">

<OPTION>Option 1</OPTION>
…

<OPTION>Option N</OPTION>

</SELECT>
The following code uses the <SELECT> tag to create a combo box:

<LABEL>Choose a Robot Type: </LABEL>

<SELECT NAME="robot-type" ID="robot-select">

89
Frames and Forms in HTML5