Page 135 - iPlus_Ver_2.0_class_7
P. 135

◦ SUBMIT: This value is used to create a submit button control. The submit button control is
                      used to submit all the values entered in the form to the specified URL.

                      ◦ RESET: This value is used to create a reset button control. The reset button control, when
                      clicked, clears all the values entered in the form fields.
                      ◦ PASSWORD: This value is used to create a password field. A password field is just like a
                      text box field. The only difference is that the text entered in the password field will not be
                      readable because it appears in the form of a star symbol.

                 •  NAME: This attribute is used to specify the identity of the field on the web page.
                 •  VALUE: This attribute is used to specify the default value of the field.

                 The syntax of the <INPUT> tag is as follows:
                            <INPUT TYPE="VALUE" NAME="VALUE" VALUE "ABC">
                 Let us create a web page containing a login form to accept the user name and password from
                 the user. The code to create the Form.html is as follows:
                 <HTML>

                 <HEAD>

                 <TITLE> Login Form </TITLE>
                 </HEAD>

                 <BODY BGCOLOR="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 output of the Form.html web
                 page appears as shown:

                 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 the 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">







                                                                                                                 133
                                                                                                More on HTML
   130   131   132   133   134   135   136   137   138   139   140