COIN74A - Assignment Eight
- Home
- Assignment Eight
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 button
- 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
- 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
- the form is easy to tab from field to field with the form labels clearly identified and structured neatly on the page separate from the form fields
- 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:
- 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. Do NOT use your email address in the Form Action tag instead use formmail 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. 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. Do not use an email address for the action. 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.
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.
