Forms.html

Creating Forms With HTML

It is useful to have a means of collecting data within a HTML document.

There are several tags in HTML that can be added to a document

to create a variety of data collection fields.

The FORM Tag

The FORM Tag is used to contain the tags listed below

INPUT into Single-Line Text Entry Field

The INPUT and TYPE tag are used to setup

a field SIZE of 30 character length to input TEXT data.

Please type your name here:


INPUT into Check Boxes

The INPUT and TYPE tag are used to setup CHECKBOXes for Pizza sizes on one line.

What size pizza would you like to order?

Small Medium Large X-Large

INPUT into Radio Buttons

The INPUT and TYPE tag are used to setup RADIO buttons for honest opinion on one line.

This is the best document that I have ever read!

Strongly Agree Agree No Opinion Disagree Strongly Disagree

SELECT from Pull Down Menus

The SELECT Tag is used with the OPTION Tag to create a drop down menu
that can be used to select from a list of possible items

Please pick one of these Ohio cities for your vacation:

SELECT from Pull Down Menus

The SELECT Tag is used with the OPTION Tag to create a drop down menu

that can be used to select from a list of possible items.

By adding the SIZE attribute the menu is change to Scroll Box

Please pick the Ohio city where you would not want to vacation:

TEXTAREA Tag

TEXTAREA tag for inputing multi line text data

Please take the time to leave your comment(s) below:

RESET Push Button

If you have entered you data correctly you can move on to SUBMIT.

If you have really made a great mess of things and need to reset

to default values let us know by pressing the button.

SUBMIT Push Button

Now that a form has been correctly completed,

the collected data needs to be SUBMITTED somewhere.

Please SUBMIT the form now.