COIN 74 Assignment 7 - Foothill College Fall 2006

COIN 74 - Assignment Seven
SOURCE: Robert Cormia's Foothill College online text, Fall 2006

COIN 74 - Lesson 7 Homework

This assignment has several tasks.

Before you read this homework assignment, please note that one of the most important things you can do to get full points is have a buddy or two test, complete, and submit your form before you submit the URL to me. This means you will be both a form creator and a form code tester. When you are the tester, make sure that only one radio button can be selected for each set of radio buttons, all check boxes can be selected for each check box set, the submit button comes above and/or to the left of the cancel button, there is no jump menu and there are no external links within the form tags, the cancel button actually resets all form fields, the submit button actually sends form data to the email address of the form author, the form is organized and laid out in a presentable fashion, easy to tab from field to field with the form labels clearly identified and structured neatly on the page separate from the form fields (use a table to align the form labels and create a clean display), all the required form elements are present in the form.

Please type the name of your buddy tester and include the name of the buddy whose form you tested on your final submission to me. You will be graded on your code review as well as your form functionality and layout.

Create a form using all the fields we've covered above. Use a set of radio buttons with at least 2 options, 2 sets of check boxes with 4 options each, a few text fields, a multilined text area with virtual wrap, a menu list with 4 options, a drop down list with 4 options, a submit button with any meaningful label, a clear or reset button to the right and/or bottom of the submit button. By convention and for logical reasons, the submit button should come before the clear or reset button on forms. (...think about using the tab key to move between fields...if clear were before submit, the user would fill out all the information and could inadvertently tab and clear the entire form...bummer!)

Create a nice layout for the form that allows the user to understand what you want from them in the entry fields. Use tables inside the form to force the form labels and form elements to align even if the user changes the size of the browser window. Use your email address in the Form Action tag so that the form can be submitted and you can receive the data through email.

You should have only ONE FORM TAG in the entire page. Within that one form tag, you will have all the form elements and input tags required to fulfill the assignment.

HOMEWORK

Part 1: Create a new html document and create a form using all the fields and form elements we've covered above except the fieldset. Create a nice layout for the form that allows the user to understand what you want from them in the entry fields. If you have your own site uploaded and have access to a cgi bin, please activate the form with the appropriate action address. If not, visit the formmail site I referenced in the lesson or the last choice is use your email address so that the form can be submitted and you can receive through email. There are external links to sites which will provide more information on forms, forms in DW, custom form elements, and solutions to specific problems with the form action and mailto: codes. Link this form from the zzz.html page and to the zzz.html page.

Part 2: Add a Jump Menu to either a new page or a page that doesn't include a form. Have at least 4 menu options in the Jump Menu. For this week's homework, you don't need to target the URLs to open in a new window, but you will have to have the URLs open in a new window for your final project. Link this form from the zzz.html page and to the zzz.html page.

Part 3: Create some customized form elements from the information in the rest of this lesson.

Upload your site to your server space submit the URL to the Assignments Section of Etudes Shell so I can assign a grade.

In Lesson 11, you'll use a behavior to validate this form.