Page 139 - iPro_trackGPT_V5_Class7
P. 139

Let us create a web page containing login form, which accepts the user name and password from
                 the user. Code to create the Form.html is as follows:

                 <!DOCTYPE html>
                 <HTML>

                 <HEAD> <TITLE> Login Form </TITLE> </HEAD>
                 <BODY STYLE="BACKGROUND-COLOR:lightyellow">

                 <FORM>
                 User Name: <INPUT TYPE="TEXT" NAME="USER NAME"> <BR>
                 Password: <INPUT TYPE="PASSWORD" NAME="PASSWORD"><BR>

                 <INPUT TYPE="CHECKBOX"> Remember me next time
                 <BR>

                 <INPUT TYPE="BUTTON"
                 VALUE="Log IN">
                 </FORM> </BODY>

                 </HTML>


                 The <TEXTAREA> Tag

                 The <TEXTAREA> tag is used to create a multi-line text input area that can accept long text
                 values. We can specify the number of rows and columns we want in text area by using the ROWS
                 and COLS attributes of the <TEXTAREA> tag.

                 The syntax of the <TEXTAREA> tag is as follows:
                   <TEXTAREA ROWS="2" COLS="70">
                 Let us create a student registration form by using form elements of HTML. The code to create the
                 registration form is as follows:

                 <!DOCTYPE html>

                 <HTML>
                 <HEAD>

                 <TITLE> Form </TITLE>

                 </HEAD>
                 <BODY STYLE="BACKGROUND-COLOR:lightyellow; COLOR:blue;">

                 <H1 STYLE= "TEXT-ALIGN: center"> Registration Form </H1>
                 <HR>

                 <FORM>

                 Name: <INPUT TYPE="TEXT"> <BR><BR>
                 Father's Name: <INPUT TYPE="TEXT"> <BR><BR>




                                                                                               More on HTML      137
   134   135   136   137   138   139   140   141   142   143   144