Lesson Plan






Valid XHTML 1.0 Transitional

Valid CSS!

Forms

HTML forms are created to send information to a server based on what the user inputs. Forms can be created using a number of html tags that all perform a different task. Forms allow you to collect information from a user and upload it automatically to the database or receive it through email. In this lesson we will go over these tags and their functions, it is expected that you understand basic html tags and properties.

The

tag is used to create an html form.

The

tag is used to define a border around the elements in a form


The tag is used to make a caption for a fieldset element.


The

The tag creates an input box

Here’s an example of how these can be used:

Please fill in your information

Here’s what the HTML looks like:

Please fill in your information

 

Input Types

text

The input type text is used for collect text data

textarea

Same as the text input except is used for multiple lines if you want your users to input paragraphs.

password

Similar to the text type except words type show as asterisks (*) for added security

radio

The radio type is used for selections where only one option is needed.

checkbox

The checkbox type is used also for selection but more than one can be selected.

Here’s some examples of the input types:


Text:

Textarea:

Password:

Radio:
One
Two
Three
Checkbox:
Checkbox 1
Checkbox 2
Checkbox 3

Here’s what the HTML looks like:


Text:

Textarea:

Password:

Radio:
One
Two
Three
Checkbox:
Checkbox 1
Checkbox 2
Checkbox 3


Take the quiz »