Question

Explain the values of tag’s type attribute.

Answer 1

<Input> Tag
Most of the form controls are created by using <input> tag. The <input> is an empty tag used to create different form elements or controls such as text box, radio buttons so on.

Type attribute of <input> tag:
This attribute is used define the type of control to be created by <input> tag. The values of type attribute is listed below:

Value of type attribute	Description
Text	Create a Text Box. The element used to get all kind of text input such as name, address etc.,
Password	Similar as Text box. But, while entering data, the characters are appearing as coded symbols such as asterisk.
Checkbox	Check box is an element appearing like a small square box. When the user click on the square a tiny tick mark will appear inside the square. This element is used to select multiple options.
Radio Button	A radio button is used to select any one of the multiple options from the list. This element looks like a small circle, when the user select an item, a tiny dot will appear within the circle. If the user selects another option, previously selected option will be deselected. This means a user can select any one of the given option form a group.
Reset	It is a special command button used to clear all the entries made in the form.
Submit	It is also a special command button used to submit all the entries made in the form to the backend server.
Button	This is a standard graphical button on the form used to call functions on click.

Example:
<Form action=”mailto:abcd.xyz@com” method=post>

<p> Student Name:
<Input type=text name=name size=30 maxlength = 25></p>

<p> Gender:
<input type=radio name=gender value=boy> Boy
<input type=radio name=gender value=girl> Girl
</p>

<p> Subjects:
<input type=checkbox name=sub value=Tam> Tamil
<input type=checkbox name=sub value=Tel> Telugu
<input type=checkbox name=sub value=Eng> English
<input type=checkbox name=sub value=Phy> Physics
<input type=checkbox name=sub value=Eco> Economics
</p>
<input type=reset name=reset value=”Clear”>
<input type=submit name=submit value=”Submit”>
</Form>