Lab 10 - Forms

Lab 10 objective

In this assignment, you will build a page containing a form. We will not actually submit the forms for processing.

Form

Build a page named lab10.html
Use a table, without borders to align all the elements in the page. Put one form in the page, with the table inside the form container. Each element of the form will be within one of the cells of the table. Create the following controls in the form.

  • An input text control with a placeholder for the user to enter their name.
  • A 4 line by 60 character text area where they can enter their mailing address.
  • A multiple choice list, to allow the user to select a city they wish to visit. Use the names of cities within the state or country you are using.
  • A set of radio buttons to allow the user to select the season they wish to visit. The best season should be initially selected, as your default selection.
  • One check box where they can indicate if they require handicap access to accommodations.
  • A reset button with text on the button "Erase all entries".
    (We will not create submit buttons, because we are not really submitting these forms.)

Align the instructions for filling out each item on the left, with the corresponding control on the right.

Provide a light colored background image, if you can not find one, use the background image that is used for this td.
Provide a similar background color; it will be used if the image does not load for any reason. The style for this td is: style="background-image: url('bluegray.gif');"