html forms basic html

1. Forms
in HTML
IN THIS PRESENTATION, WE WILL DISCUSS VARIOUS
TYPES OF INPUT TOOLS FOR IMPROVING YOUR HTML
KNOWLEDGE.
Submitted By:
Jatin Malhotra

2. What is HTML
 HTML stands for Hyper Text Markup Language.
 HTML is the standard markup language for creating Web pages.
 HTML describes the structure of a Web page.
 HTML elements instruct the browser on how to displaythe
content.
 HTML is made up of various elements and tags. Tags include the
head tag, the body tag, the h1 to h6 tags, the p tag, the title tag,
and many more.

3. What is Forms (in HTML)
 HTML forms are required when collecting informationfrom site
visitors.
 For example, during user registrations,you might want to
collect information such as a user's name, email address,and
credit card information.
 A form collects information from site visitors and sends it to a
backend application such as CGI, ASP script, PHP script, and so
on.

4. Type of HTML forms
Text input
Date input
1
Number input
Password input
2 Radio input
Checkbox input
3
4
5
6

5. Type of HTML forms
File input
Drop Down List
7
Email input
Image input
8 Submit input
URL input
9
10
11
12

6. Text Input
Text input used to take single line from the
user like username, address
Code
Output
Jatin Malhotra

7. Date Input
Date input used to take date in mm/dd/yyyy
format from the user like date of birth
Code
Output

8. Number Input
Number input used to take number from the
user like age
Code
Output

9. Password Input
Password input used to take number from the
user but hide the digit like password
Code
Output

10. Radio Input
A radio button allows a user to select only one
of a limited number of options.
Code
Output
 In radio for single select
option name should be same
 For default type “checked”

11. Checkbox Input
A checkbox button allows a user to select
option from available choice
Code
Output
 In checkbox you can select
multiple option
 For default type “checked”

12. File Input
File input used to take file from the user like
jpg , pdf , jpeg
Code
Output

13. Drop down Input
A drop down list allows a user to select option
from available choice
Code
Output
 For default type “selected”

14. Email Input
Email input used to take email address from
the user
Code
Error

15. Submit / reset Input
The data entered by the user is sent to the backend,
where it is stored or processed in accordance with the
instructions.
Code
Output
 While reset, the form will become
completely blank, just like a new
one.

16. THANK YOU