Projects not completed by the due date will receive a 20% penalty for one week. Projects will
not be received after one week unless there has been prior approval from the instructor. At that
time, the grade of 0 will be recorded.
Create a form that contains all the information shown in this image
The select boxes should resemble
Additional requirements:
- When the user selects an option from the Hand Tool selection list (and only the Hand Tool selection list)
- Display $20.00 in the Item 1 text box.
- Display $0 in the Item 2 text box.
- Display $5.00 in the Shipping text box.
- Display $25.00 in the Total text box.
- When the user selects an option from the Power Tool selection list (and only the Power Tool selection list)
- Display $0 in the Item 1 text box.
- Display $30.00 in the Item 2 text box.
- Display $10.00 in the Shipping text box.
- Display $40.00 in the Total text box.
- When the user selects both an option from the Hand Tool selection list and an option from the Power Tool selection list
- Display $20.00 in the Item 1 text box.
- Display $30.00 in the Item 2 text box.
- Display $15.00 in the Shipping text box.
- Display $65.00 in the Total text box.
- If the user returns back to the default (the words Hand Tool and Power Tool in the selection list)
you must treat that as de-selecting the tool and change the text boxes accordingly.
- Validate each field to make sure data has been entered and that at least one item is ordered.
- Add submit button that triggers the onsubmit event handler to validate each value entered by the user.
- Add a reset button.
- You may use tables for alignment of elements.
- You may align the form differently than the example.
- Create a css page for an attractive page.
- Add at least 2 images to the page of at least one hand tool and at least one power tool.
- Assign FormProcesor.html to the action attribute.
Start your page using the template with the validation images; however, you may use transitional DOCTYPE if you wish.
You are not given the opportunity to correct your project once it is submitted. Once submitted the
project is graded.
After the due date of the project, I will not accept any late homework for homework assignments
5 through 8. On the due date of the
project, I will enter a grade for any missing assignments. This may be a partial grade or a 0 for
no effort on the assignment.
Be sure to update your index page to link to the project. Be sure to test your links after uploading your assignments.
If any of these steps have errors let me know through email so that I can make the correction
Grading Criteria
| Requirement | Points |
|---|
| Form and Elements | 50 |
| Validation of each input (such as numerics in numeric fields) | 50 |
| Calculations for items selected | 50 |
| Images | 20 |
| CSS page | 20 |
| Sending page to FormProcessor.html (be sure to upload it). | 10 |
| Each syntax validation error (both css and xhmtl) | -10 |
