Page 146 - Trackpad_ipro 4.1_Class7
P. 146

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>




                   144     iPro (Ver. 4.1)-VII
   141   142   143   144   145   146   147   148   149   150   151