Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 51 - 2606_PlugGPT_C7_Flipbook
P. 51

    Syntax of  single-line text input control:

                     <INPUT TYPE = "TEXT" NAME = "The word that describes the textbox" SIZE = "The width you
                     want to use for the text box" MAXLENGTH = "Maximum number of characters">
                     Write HTML codes for creating a single-line text input control:

                     <!DOCTYPE html>

                     <HTML>
                     <HEAD>
                     <TITLE> Single Line Text Input Control </TITLE>
                     </HEAD>
                     <BODY>
                     <FORM NAME = "Registration Form" METHOD = "POST" ACTION =
                     "mailto:info@orangeeducation.in">

                     <H1 STYLE = "text-align:center"> Registration </H1>
                     <B>ApplicantName:</B>
                     <INPUT TYPE = "TEXT" NAME = "APPLI_NAME" SIZE = "30" MAXLENGTH = "20">
                     <BR> <BR>
                     <B>Address: </B>

                     <INPUT TYPE = "TEXT" NAME = "ADDRESS" SIZE = "30" MAXLENGTH = "40">
                     </FORM>
                     </BODY>
                     </HTML>

                     Password input control

                     This control is same as the text input control, but it masks the characters as soon as the user enters
                     them. The characters entered/typed appear as * instead of normal text.

                     Syntax of password input control:
                     <INPUT TYPE = "Password" NAME = "The word that describes the textbox" SIZE = "The width
                     you want to use for the text box" MAXLENGTH = "Maximum number of characters">

                     Multi-line text input control

                     This control allows us to enter multiple lines. The <TEXTAREA> tag contains the ROWS and COLS
                     attributes, where ROWS attribute indicates the number of rows the text area should accommodate
                     and COLS attribute indicates the width area.

                                                                                       Images, Links and Forms in HTML5  49

| 46 47 48 49 50 51 52 53 54 55 56 |