Page 103 - modular_v2.0_HTML&_CSS_Fb
P. 103

</BODY>
                 </HTML>













                                                         Adding password box

                 Select Box

                 Sometime, we need to display multiple options in the form of a drop-down menu or list from
                 which we can select only one option at a time. This type of control is known as select box. The
                 <SELECT> tag with the <OPTION> tag allows us to create a drop-down list. The <OPTION> tag
                 specify an option in the drop-down list. The syntax of the <SELECT> tag is as follows:

                 <SELECT>
                 <OPTION> Option 1 </OPTION>
                 <OPTION> Option 2 </OPTION>
                 <OPTION> Option N </OPTION>
                 </SELECT>

                 Let us create a web page to display the select box.
                 <!DOCTYPE HTML>
                 <HTML>
                 <HEAD>
                 <TITLE>Form</TITLE>
                 </HEAD>
                 <BODY>
                 <FORM>

                 Select Stream :
                 <SELECT NAME="List Name">
                                                                                      Adding select box
                 <OPTION>Science</OPTION>
                 <OPTION>Commerce</OPTION>
                 <OPTION>Arts</OPTION>
                 </SELECT>
                 </FORM>

                 </BODY>
                 </HTML>
                 Let us create a web page containing login form to accept the user name and password from the
                 user. Code to create the Form.html is as follows:
                 <!DOCTYPE HTML>


                                                                                                               101
                                                                                               Forms in HTML
   98   99   100   101   102   103   104   105   106   107   108