Page 81 - Trackpad_V4.0_C8_Flipbook
P. 81

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>





                                                                                                 Forms in HTML5    79
   76   77   78   79   80   81   82   83   84   85   86