Page 145 - iPrime_V2.2_class7
P. 145

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>


                                                                                                More on HTML       143
   140   141   142   143   144   145   146   147   148   149   150