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

