HTML Forms

HTML Forms

Create a new page on your Google Sites.

    1. What would you use HTML Forms for?

Examples

Text fields

    1. What does this example demonstrate?

Password fields

    1. What does this example demonstrate?

Forms

    1. What is a form?A form is an area that can contain form elements.
    2. what are form elements?
    3. List 4 example of form elements.
    4. What tag is used to define a form?
    5. What is the most used form tags? What do these tags do?

Text Fields

    1. When are text fields used?
    2. What is the width of a field in most browsers?

Radio Buttons

    1. What are Radio buttons?
    2. When are Radio Buttons used?

Checkboxes

    1. What are check boxes?
    2. When are check boxes used?

The Form's Action Attribute and the Submit Button

    1. Describe how the Form's Action Attribute and the Submit Button works.

Check out the examples below.

Checkboxes

    1. What does this example demonstrate?

Radio buttons

    1. What does this example demonstrate?

Simple drop down box

    1. What does this example demonstrate?

Another drop down box

    1. What does this example demonstrate?

Textarea

    1. What does this example demonstrate?

Create a button

    1. What does this example demonstrate?

Fieldset around data

    1. What does this example demonstrate?

Form Examples

Form with input fields and a submit button

    1. What does this example demonstrate?

Form with checkboxes

    1. What does this example demonstrate?

Form with radio buttons

    1. What does this example demonstrate?

Send e-mail from a form

  1. What does this example demonstrate?

HTML Forms

Work in the tryit editor. Copy and paste the code into the correct HTML editing program on this computer(text edit).

Add your Headers from page 1.

Add a table in your project with a header row and 4 columns. (From Page 4)

Add the Hyperlinks for each of your 6 pages.

Add to your project.

Add 4 text fields for Name, ID Number, Phone Number and Email.

Add Radio button to select a Grade A, B, C, D, OR E.

Add check boxes for a list of 5 or more items you might need in school. Example: (Pen, notebook.......)

Add a drop down box to select the year you will graduate.

Save it as forms with the correct extension(page6.html).

Turn it in on Engrade.