Page 138 - iPro_trackGPT_V5_Class7
P. 138

THE <SELECT> Tag

                  The <SELECT> tag is used to add a drop-down list in  the HTML form. This tag produces a list of
                  options for the user with the help of <OPTION> tag. We can create a combo box using <SELECT>
                  and <OPTION> tags.
                  Adding Combo Box

                  Sometimes, it is necessary to display multiple options in the form of a drop-down menu or list
                  from which the user can select only one option at a time. This type of control is known as combo
                  box. The <SELECT> tag with the <OPTION> tag allows us to create a drop-down list.
                  The <OPTION> tag specifies an option in the drop-down list. To create a combo box in a form,
                  use the following syntax:

                  <SELECT>
                  <OPTION> Option 1

                  <OPTION> Option 2
                  <OPTION> Option N

                  </SELECT>
                  For example:
                  <SELECT NAME="City">

                  <OPTION>Aligarh

                  <OPTION>Ghaziabad
                  <OPTION>Meerut

                  </SELECT>
                  The above code will create a dropdown list in which three options are available.
                  Let us create a web page to display the combo box.

                  <!DOCTYPE html>
                  <HTML>
                  <BODY>

                  <FORM>

                  Select Stream:
                  <SELECT NAME="List Name">
                  <OPTION>Science

                  <OPTION>Commerce

                  <OPTION>Arts
                  </SELECT>
                  </FORM>

                  </BODY>
                  </HTML>



                   136    TrackGPT iPRO (V5.0)-VII
   133   134   135   136   137   138   139   140   141   142   143