Put a "Feedback Form" link on your "Contact Us" page.
This link should display a new page which has a
form that the visitor can use to send comments and other
feedback to you. (This form will not actually allow anyone to
send anything to you. It will merely send the visitor's
information to a simple server-side display page.) Combine your
knowledge of CSS positioning, tables and forms to lay out the
form fields neatly. The new page will be
feedbackForm.html or something similar to that name.
To be more specific about laying out your form with a table.
I suggest the following arrangement:
Use one table row for each of the form's input fields.
In each row, use two data cells: one for the description of the
data required, and one for the input field.
To be more specific: On the "Contact Us" page you will
have
Whatever instructions and information you think are
appropriate for your site, that the user can use to contact
you (pretend or real, but probably pretend).
A link to your Feedback Form (which will be on new page
feedbackForm.html).
On the new page, feedbackForm.html, you will
have the form itself. See below for details about what will be
in the form.
Use a method="post" attribute in your form tag.
Make the action attribute of your form tag to be
"https://www.jimlink.net/PHPStuff/testFormData.php". This
page will display the form data that your page sends to it.
You may optionally put a target attribute in the form tag, with a value of
"_blank". If you do add this target attribute to your <form> tag, the page which
displays the user's input information will open in a new tab/window.
Include, at a minimum, these fields in your form:
An input text box for the visitor's name (or two text
input boxes, one for first name and the other for last
name). You may choose either one or two text input boxes
here.
An input text box for the visitor's e-mail address. You should give this input tag the attribute type="email".
A drop-down select list that asks why the visitor
is contacting you. Your list should include items such as
feedback, suggestion, sales inquiry, broken link report,
advertising inquiry, etc.
An input text area (multi-line input, meaning a
textarea element) for the visitor's comments.
A submit button
A reset button (This button is optional.)
I will give you 20 extra credit points if you put a working set of
radio buttons in your form. By working set, I mean a set
of radio buttons which allows the user to select
only one choice (at a time) in the set.
Put breadcrumbs on the
Feedback Form page. Keep in mind that the
logical path to the Feedback Form page is
through the Home page and the Contact Us page. You can refer to
the instructor's assignment site for some more
clues about how these breadcrumbs should look. (Click on the
"Contact Us" and the "Feedback Form" links on the
instructor's site page.
Validate your contactus.html page and your
feedbackForm.html page with the W3C's HTML Validator
page. I will also be validating your pages, so this
validation will be part of your grade.
Validate your stylesheet page with the W3C's
CSS Validator page. I will also be validating your
page, so this validation will be part of your grade.
Upload your pages to your Freehostia site.
You can test your pages on the server by selecting the
"Student Sites" link on the class site and then
clicking your student number in the bulleted list. You will probably
need to refresh/reload the page in your browser in order to see
your changes.