1 / 0

Forms!

Forms!. December 13, 2010. Today:. Review different form tags! Video Game program (See Project Worksheet) -or- Lunch program (See Project Worksheet) January 5th – Blink Contest with Microsoft! Homework: Test on Friday, December 17th . Forms.

uyen
Télécharger la présentation

Forms!

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Forms!

    December 13, 2010
  2. Today: Review different form tags! Video Game program (See Project Worksheet) -or- Lunch program (See Project Worksheet) January 5th – Blink Contest with Microsoft! Homework: Test on Friday, December 17th
  3. Forms 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.
  4. FORMS
  5. Radio Buttons Allow the visitor to select only one option from a list of items! Tags:
  6. Checkboxes 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
  7. Text Fields Allows for a single line of input. Tags:
  8. Textarea Will let you provide more space to accommodate a larger amount of input.
  9. Submit and Reset Buttons 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">
  10. Example Program – Using Selection Menus!
  11. Example Program:
  12. Your Project 1a! Project #2 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.
  13. Project 1b! 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.
  14. Don’t forget Friday Test! On Image Maps,Frames and Forms. Look at your old worksheets!
More Related