Page 81 - TrackpadV2.1_Class8
P. 81

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  79
   76   77   78   79   80   81   82   83   84   85   86