Lab 7 Instructions

(Lab 8 in the eight-week summer term)

An HTML Form

Objectives

You will create a page containing a form with the following features:

• Input elements:

  • Text

  • Text area

  • Submit button

• Field-sets

• Legends

• Labels

Implementation

Make a web page containing a form that could be used to enter an on-line raffle contest. You can decide on the prize. Your page should contain the following:

1. A heading with an appropriate header and a paragraph describing the raffle contest.

2. A form.

   • The form should contain input elements for the following user input:

     • Name.

     • E-mail address.

     • Mailing address.

     • Phone number.

     • Text area for entering a short pitch for why they should be the winner.

   • Use field-sets (at least two) and legends to organize your form.

   • Use labels on all the input elements.

3. A footer with a made-up organization name and slogan.

4. Embedded CSS to color the background of the form one color and the background of the fields another color.

Example

Here's an example of a raffle web page done by a previous student. This is to give you an idea about how to lay out your page, but please choose your own raffle idea.

Turkey Raffle Page

Assessment

The lab assignment will be graded according to this rubric.

Submitting your web site

• Publish to the web server

  • Upload the web page to citstudent (unzipped).

  • Put the URLs of the page in the on-line text for the Moodle assignment.

• Upload to Moodle

  • Upload the web page file to Moodle using the lab submission link for the assignment.

Web Authoring Lab Instructions by Brian Bird, 2018, revised 2023, are licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.