Forms allow users to enter information into a website. A form is defined with <form> tags and contains form elements like text fields, checkboxes, and radio buttons. These elements are represented by tags like <input>, <select>, and <textarea>. The method attribute specifies how form data is sent, either as URL variables with "get" or as HTTP post with "method". Common input types include text, radio buttons, and checkboxes. When the user submits the form, the data is sent to the file specified in the action attribute.

1. HTML : Forms

2. 2
• A form is an area that can contain form elements.
• Form elements are elements that allow the user to enter
information (like text fields, textarea fields, drop-down menus,
radio buttons, checkboxes, etc.) in a form.
• A form is defined with the <form> tag.
<form>
.
input elements
.
</form>
WEB PROGRAMMING : Forms

3. 3
HTML <form> method Attribute
• The method attribute specifies how to send form-data (the form-
data is sent to the page specified in the action attribute).
• The form-data can be sent as
• URL variables (with method="get")
• or as HTTP post (with method="post").
WEB PROGRAMMING : Forms

4. 4
Input
• The most used form tag is the <input> tag.
• The type of input is specified with the type attribute.
• The most commonly used input types are explained below:
Text Fields
• Text fields are used when you want the user to type letters, numbers,
etc. in a form.
<form>
First name:
<input type="text" name="firstname" />
<br />
Last name:
<input type="text" name="lastname" />
</form>
WEB PROGRAMMING : Forms

5. 5
Radio Buttons
• Radio Buttons are used when you want the user to select one of a
limited number of choices.
<form>
<input type="radio" name="sex" value="male" /> Male
<br />
<input type="radio" name="sex" value="female" /> Female
</form>
WEB PROGRAMMING : Forms

6. 6
Checkboxes
• Checkboxes are used when you want the user to select one or more
options of a limited number of choices .
<form>
I have a bike:
<input type="checkbox" name="vehicle" value="Bike" />
<br />
I have a car:
<input type="checkbox" name="vehicle" value="Car" />
<br />
I have an airplane:
<input type="checkbox" name="vehicle" value="Airplane" />
</form>
WEB PROGRAMMING : Forms

7. 7
The Form's Action Attribute and the Submit Button
1. When the user clicks on the "Submit" button, the content of the form is
sent to the server.
2. The form's action attribute defines the name of the file to send the
content to.
3. The file defined in the action attribute usually does something with the
received input
<form name="input" action="html_form_submit.asp" method="get">
Username:
<input type="text" name="user" />
<input type="submit" value="Submit" />
</form>
WEB PROGRAMMING : Forms

8. 8
Form Tages
WEB PROGRAMMING : Forms