Page 177 - Web Applications (803) Class 11
P. 177

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 indicates the number of rows the text area should accommodate and COLS indicates the width area.
                 Syntax of multi-line text input control:

                 <TEXTAREA NAME = "The word that describes the text area" ROWS = "Number of rows
                 the text box should accommodate" COLS = "Width of the text area"></TEXTAREA>
                 Checkbox Input Control

                 This control is used when multiple options from a group are required to be selected by the site-visitor.
                 When selected, the checkbox is marked with a tick mark. While defining checkboxes, we need to specify the following:
                     The group name should be specified for all the checkboxes by using the NAME attribute.

                     Each checkbox should be specified with a word describing the purpose of the checkbox which is done with the help
                   of the VALUE attribute.
                     The text that needs to be displayed beside the checkbox should be specified.
                 <INPUT TYPE = "CHECKBOX" NAME = "A Word describing the group name" VALUE = "A
                 word that describes the checkbox">

                 Radio Input Control
                 This control is used when one out of the multiple options from a group is required to be selected by the site visitor.
                 Only the selected radio button in a group is filled. While defining checkboxes, we need to specify the following:

                    The group name should be specified for all the radio buttons by using the NAME attribute.
                     Each radio button should be specified with a word describing the purpose of the radio button which is done with
                   the help of the VALUE attribute.
                    The text that is needed to be displayed beside the radio button should be specified.
                 Syntax of radio input control:

                 <INPUT TYPE = "RADIO" NAME = "A Word describing the group name" VALUE = "A word
                 that describes the radio button">
                 Clickable Buttons

                 This control creates a button that acts when clicked. The form has two types of buttons:
                     Submit: We can create a Submit button to send all the form data to the server. Syntax of submit button:

                   <INPUT TYPE = "SUBMIT" NAME = "Name of the button" VALUE = "Text you want to
                   display on the button">
                     Reset: We can create a Reset button to reset the values of all the controls to the initial values in the form. Syntax of
                   reset button:



                                                                            Website Development using HTML and CSS   175
   172   173   174   175   176   177   178   179   180   181   182