MSc-IT Study Material
June 2010 Edition

Computer Science Department, University of Cape Town

Additional Content and Activities

Supplementary information on HTML forms

Spend 10-20 minutes reviewing the tutorials at one or both of these sites:

Additional Activity — Tabular Layout of a Complex Form

Create a form for processing orders for boxes that looks like those in the figures below. The order form is for a company called 'Land of Boxes'. Their product line consists of only five items:

  1. The EconoBox: Cost R5

  2. The Standard Box: Cost R10

  3. The Premium Box: Cost R15

  4. The Deluxe Box: Cost R20

  5. The Super Deluxe Box:. Cost R30

The order form should include the following elements:

  1. Contact details of purchaser, including name, address, telephone number and email.

  2. Product details including price, product name, product number and product quantity.

  3. Method of payment including credit card type, card number and expiry date.

  4. Billing address and delivery address if they are different.

The final layout should look as shown in the next two figures. You will need to use tables to achieve this layout.

Read Discussion of Additional Activity at the end of the Unit.