Forms!December 19, 2011

Vocabulary Words Review different form tags! Video Game program (See Project

Worksheet)-or-

Lunch program (See Project Worksheet) January 8th – Blink Contest with

Microsoft! Homework:

◦ Test on Friday, December 23rd

Today:

Form tag Radio buttons Text field Password field Submit button Reset button Checkboxes Controls

Vocabulary Words

Is a web page designed to gather information from the visitor.

It can be a page:◦ To sell products/services◦ Used access your account using a password◦ That acts as a guestbook◦ To find out who is visiting your web site◦ To get feedback about the web page or other

areas of interest.

Forms

FORMS

Allow the visitor to select only one option from a list of items!

Tags:

Radio Buttons

Sets a radio button to be a checked state. Only one can be checked! Tags:<INPUT NAME="type" TYPE="checkbox“ VALUE="bake">Bake sale <INPUT NAME="type" TYPE="checkbox" VALUE="candy">Candy

sale <INPUT NAME="type" TYPE="checkbox“ VALUE="dances">Dances

Checkboxes

Allows for a single line of input. Tags:

Text Fields

Will let you provide more space to accommodate a larger amount of input.

Textarea

Submit – when clicked sends the input data to the appropriate location for processing.

Reset – deletes any data previously typed into text or textarea field.

<INPUT TYPE="submit" VALUE="Submit the Form"> <INPUT TYPE="reset" VALUE="Reset the Form">

Submit and Reset Buttons

Example Program – Using Selection Menus!

Example Program:

GreatApplications, Inc., wants to enter the online videogame business. However, before it starts programming the next great online videogame, it wants to survey potential customers to see what kinds of online games they want to play and buy. Brainstorm 10 questions that will help GreatApplications, Inc., learn what its customers want in a videogame program. Using your <FORM> tag skills, create an online survey to gather information from potential customers, such as the respondents’ names and e-mail addresses. Ask questions that utilize drop-down lists, radio selection items, and check boxes.◦ Create your web page to solve the above problem.◦ Save your work to your flash drive and bring to my

computer for grading.

Your Project 1a!

Create a web page of a form that will survey the food in the school’s cafeteria. First you will need to come up with 10 questions that will help you survey the food. Once you have your 10 questions, plan the design of your form. Once you have developed your plan start writing the HTML Code.

◦ Please show me in your web site the following:◦ Text box◦ Drop-down list◦ Radio Button◦ Check box◦ Submit button◦ Reset button

Look in this week of worksheets for examples. To do: Develop your project. You should have at least one page for your questions. Save your work to your flash drive and bring to my computer for a grade. I

will have a special folder for you.

Project 1b!

Don’t forget Friday Test! On Image Maps,Frames and Forms. Look at

your old worksheets!