Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 91 - CodePilot V5.0 C8
P. 91

    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

| 86 87 88 89 90 91 92 93 94 95 96 |