Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 128 - 2632_CodeMind
P. 128

    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>
                     <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>
                                                                                    Output
                          The <TEXTAREA> Tag

                     The <TEXTAREA> tag is used to create a multiline text box 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">
                          The <SELECT> Tag

                     Sometimes, 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. 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 2
                     <OPTION> Option N

                     </SELECT>
                     Let us create a student's registration form by using form elements of HTML. The code to create the
                     registration form is as follows:

                     <HTML>

                                                                                    Images, Links and Frames in HTML5  127

| 123 124 125 126 127 128 129 130 131 132 133 |